DEDUPEDWhat do you want to do?
3 use cases
-
Build a landing page in Claude Code with intake questions and conversion copy
Copy the landing-page-design skill into Claude Code and ask for a page in plain language.
View prompt
Install the landing-page-design skill from elayadesign/ai-design-skills into .claude/skills, then build a landing page for <product>. Ask me the intake questions first and show the page structure before writing code.
-
Add the landing page design skill as a Cursor rule
Drop the skill into .cursor/rules or Settings so Cursor follows the same landing page process.
View prompt
Add elayadesign/ai-design-skills landing-page-design SKILL.md to .cursor/rules in this project, then build a landing page for <product> following it.
-
Fork the skill and swap in your own brand fonts and colors
Edit the one design values section in a fork so every page the agent builds uses your brand.
View prompt
In my fork of elayadesign/ai-design-skills, set the design values section of landing-page-design to these brand values: <fonts, colors, spacing>. Then copy it into AGENTS.md and build a test landing page for <product>.
Quick start with AI Design Skills
- Check you have what it needs: An AI coding tool that reads a markdown rules file: Claude Code, Cursor, Codex, Windsurf or Cline; git or curl to copy the skill; Optional: Claude.ai Projects if you have no terminal.
- Open elayadesign/ai-design-skills on GitHub and read the README and license.
- Run
mkdir -p .claude/skills - Run
git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills - Copy skills/landing-page-design from that clone into .claude/skills/
- Ask Claude Code in plain language for a landing page for your product
These steps come from our top use case, Build a landing page in Claude Code with intake questions and conversion copy, which also has a copy-paste agent prompt.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for elayadesign/ai-design-skills
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeAbout this repo
- Who it is forDevelopers and founders who build landing pages with an AI coding tool and want a consistent design process.
- Why it is hot11k stars, talked about in 3 AI sources we track
- Sourcegithub.com/elayadesign/ai-design-skills ยท Back to Hot repos
Requirements
- An AI coding tool that reads a markdown rules file: Claude Code, Cursor, Codex, Windsurf or Cline
- git or curl to copy the skill
- Optional: Claude.ai Projects if you have no terminal
Add this badge to your README
Maintain AI Design Skills? Show readers where to find these use cases. 
Markdown
[](https://dedupedai.com/use-cases/elayadesign-ai-design-skills/?utm_source=github&utm_medium=badge&utm_campaign=elayadesign-ai-design-skills)
HTML
<a href="https://dedupedai.com/use-cases/elayadesign-ai-design-skills/?utm_source=github&utm_medium=badge&utm_campaign=elayadesign-ai-design-skills"><img src="https://dedupedai.com/badge/elayadesign/ai-design-skills.svg" alt="Use cases on Deduped" height="20"></a>
A static image, no tracking script. About the badge
Questions about AI Design Skills
What is AI Design Skills?
AI Design Skills is a collection of design skills for AI coding tools such as Claude Code, Cursor, Codex and Windsurf. Each skill is a self-contained folder; the first, landing-page-design, builds a landing page from scratch with intake questions, page structure, conversion copy and a full visual system for type, spacing, radius and motion. It is an open-source project on GitHub: https://github.com/elayadesign/ai-design-skills.
How do I use AI Design Skills?
Run mkdir -p .claude/skills; then run git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills; copy skills/landing-page-design from that clone into .claude/skills/. The use cases on this page give the full steps and a copy-paste agent prompt for each job.
Who is AI Design Skills for?
Developers and founders who build landing pages with an AI coding tool and want a consistent design process.
What can I do with AI Design Skills?
3 use cases so far, for example: Build a landing page in Claude Code with intake questions and conversion copy; Add the landing page design skill as a Cursor rule; Fork the skill and swap in your own brand fonts and colors. Each has steps and a copy-paste agent prompt.
What do I need to run AI Design Skills?
An AI coding tool that reads a markdown rules file: Claude Code, Cursor, Codex, Windsurf or Cline; git or curl to copy the skill; Optional: Claude.ai Projects if you have no terminal.
What are alternatives to AI Design Skills?
Other hot AI repos in Content: Voice Studio, Anatomy, Huashu Motion, Humanizer, Papermorph.
Is AI Design Skills safe to run?
Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.