<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>AI Design Skills on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/ai-design-skills/</link>
        <description>Recent content in AI Design Skills on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Wed, 28 Oct 2026 22:07:37 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/ai-design-skills/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>ai-design-skills</title>
        <link>https://producthunt.programnotes.cn/en/p/ai-design-skills/</link>
        <pubDate>Wed, 28 Oct 2026 22:07:37 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/ai-design-skills/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1626635565294-727fc173f10f?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTMxOTY0MDh8&amp;ixlib=rb-4.1.0" alt="Featured image of post ai-design-skills" /&gt;&lt;h1 id=&#34;elayadesignai-design-skills&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/elayadesign/ai-design-skills&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;elayadesign/ai-design-skills&lt;/a&gt;
&lt;/h1&gt;&lt;h1 id=&#34;ai-design-skills&#34;&gt;AI Design Skills
&lt;/h1&gt;&lt;p&gt;A growing collection of design skills for AI coding tools — Claude Code, Cursor, Codex, Windsurf, and anything else that reads a markdown rules file.&lt;/p&gt;
&lt;p&gt;Each skill is a self-contained folder. Install the ones you need.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;skills&#34;&gt;Skills
&lt;/h2&gt;&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Skill&lt;/th&gt;
					&lt;th&gt;What it does&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;./skills/landing-page-design/SKILL.md&#34; &gt;&lt;code&gt;landing-page-design&lt;/code&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Builds a landing page from scratch — intake questions, page structure, conversion copy, plus a full visual system (type, spacing, radius, motion)&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;More on the way. &lt;a class=&#34;link&#34; href=&#34;https://github.com/elayadesign/redesign-skill&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Upgrading an existing site instead of building new?&lt;/a&gt; That one lives in its own repo since it predates this collection.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;install&#34;&gt;Install
&lt;/h2&gt;&lt;p&gt;Pick a skill from the table above, then swap &lt;code&gt;&amp;lt;skill-name&amp;gt;&lt;/code&gt; below for its folder name.&lt;/p&gt;
&lt;details open&gt;
&lt;summary&gt;&lt;b&gt;Claude Code&lt;/b&gt;&lt;/summary&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;mkdir -p .claude/skills
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;cp -r /tmp/ai-design-skills/skills/&amp;lt;skill-name&amp;gt; .claude/skills/
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Then just ask, in plain language, for what that skill covers.&lt;/p&gt;
&lt;/details&gt;
&lt;details&gt;
&lt;summary&gt;&lt;b&gt;Cursor&lt;/b&gt;&lt;/summary&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;mkdir -p .cursor/rules
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;curl -o .cursor/rules/&amp;lt;skill-name&amp;gt;.md &lt;span class=&#34;se&#34;&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  https://raw.githubusercontent.com/elayadesign/ai-design-skills/main/skills/&amp;lt;skill-name&amp;gt;/SKILL.md
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Or paste the file into &lt;strong&gt;Settings → Rules for AI&lt;/strong&gt;.&lt;/p&gt;
&lt;/details&gt;
&lt;details&gt;
&lt;summary&gt;&lt;b&gt;Codex / Windsurf / other&lt;/b&gt;&lt;/summary&gt;
&lt;p&gt;Copy the skill&amp;rsquo;s &lt;code&gt;SKILL.md&lt;/code&gt; into whatever your tool uses for project rules:&lt;/p&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Tool&lt;/th&gt;
					&lt;th&gt;Path&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;Codex&lt;/td&gt;
					&lt;td&gt;&lt;code&gt;AGENTS.md&lt;/code&gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Windsurf&lt;/td&gt;
					&lt;td&gt;&lt;code&gt;.windsurfrules&lt;/code&gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Cline&lt;/td&gt;
					&lt;td&gt;&lt;code&gt;.clinerules&lt;/code&gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Generic&lt;/td&gt;
					&lt;td&gt;paste into your system prompt&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;/details&gt;
&lt;details&gt;
&lt;summary&gt;&lt;b&gt;Claude.ai (no terminal)&lt;/b&gt;&lt;/summary&gt;
&lt;p&gt;Download the skill&amp;rsquo;s &lt;code&gt;SKILL.md&lt;/code&gt; and upload it to a Project, or attach it to a chat and say &lt;em&gt;&amp;ldquo;follow this.&amp;rdquo;&lt;/em&gt;&lt;/p&gt;
&lt;/details&gt;
&lt;hr&gt;
&lt;h2 id=&#34;make-it-yours&#34;&gt;Make it yours
&lt;/h2&gt;&lt;p&gt;Every skill&amp;rsquo;s design values (fonts, colors, spacing, motion) live in one section near the bottom of its file. Fork this repo, edit that section, and the rest of the skill follows automatically.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;credits&#34;&gt;Credits
&lt;/h2&gt;&lt;p&gt;&lt;code&gt;landing-page-design&lt;/code&gt; adapts content realism and motion ideas from &lt;a class=&#34;link&#34; href=&#34;https://github.com/Leonxlnx/taste-skill&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Leonxlnx/taste-skill&lt;/a&gt; by Leon Lin, MIT licensed. Details are at the end of &lt;a class=&#34;link&#34; href=&#34;./skills/landing-page-design/SKILL.md#credits&#34; &gt;its SKILL.md&lt;/a&gt;.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;license&#34;&gt;License
&lt;/h2&gt;&lt;p&gt;MIT. Use it, fork it, ship it, sell what you build with it. No attribution needed.&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
