Design and frontend Agent Skills
28 public skill packs for design and frontend, with 975 skills in total, ranked by GitHub stars. Each works in Claude Code, Codex, Cursor and other agents that support the Agent Skills format.
| # | Skill pack | Skills | GitHub stars | Updated |
|---|---|---|---|---|
| 1 |
Leonxlnx/taste-skill Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
|
13 | 93.8K | 2026-10-08 |
| 2 |
tt-a1i/archify Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
|
2 | 80K | 2026-10-08 |
| 3 |
openai/skills Skills Catalog for Codex
|
44 | 27.9K | 2026-09-08 |
| 4 |
teng-lin/notebooklm-py Unofficial Python API and agentic skill for Google Gemini Notebook. Full programmatic access to NotebookLM's features—including c…
|
1 | 19.7K | 2026-10-07 |
| 5 |
JimLiu/baoyu-design Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wirefr…
|
2 | 4,264 | 2026-09-23 |
| 6 |
glitternetwork/pinme Deploy Your Frontend in a Single Command. Claude Code Skills supported.
|
7 | 3,747 | 2026-09-12 |
| 7 |
plannotator/effective-html Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.
|
6 | 3,576 | 2026-09-14 |
| 8 |
bergside/awesome-design-skills List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, …
|
67 | 3,092 | 2026-06-28 |
| 9 |
nateherkai/scroll-craft An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. A…
|
1 | 3,004 | 2026-09-30 |
| 10 |
Owl-Listener/designer-skills Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and del…
|
111 | 2,858 | 2026-09-05 |
| 11 |
Appllama/appllama-skills A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.
|
2 | 2,469 | 2026-09-06 |
| 12 |
kaankiziltug/logo-design-skill A comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tool…
|
1 | 2,373 | 2026-09-30 |
| 13 |
wondelai/skills Wondel.ai Agent Skills — Business, Marketing, UX & Coding Frameworks from Bestselling Books. 50 skills + 12 guided journeys for C…
|
196 | 2,362 | 2026-09-10 |
| 14 |
QingYunA/answer-me-with-html Answer me with HTML — an agent skill that answers hard questions with a one-page HTML you can actually read. 让 AI Agent 用一页 HTML …
|
1 | 2,319 | 2026-10-08 |
| 15 |
LottieFiles/motion-design-skill Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI
|
1 | 1,983 | 2026-05-18 |
| 16 |
coldteadotai/pr-lens Review code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself.…
|
3 | 1,877 | 2026-10-04 |
| 17 |
cookiy-ai/user-research-skill Cookiy AI Skill for AI agents (Claude, Codex, Cursor, OpenClaw) — end-to-end user research: AI interviews, synthetic users, quant…
|
2 | 1,566 | 2026-08-19 |
| 18 |
plugin87/ux-ui-agent-skills Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, …
|
26 | 1,556 | 2026-10-08 |
| 19 |
imxv/Pretty-mermaid-skills AI Agent Skill to generate and render beautiful Mermaid diagrams as SVG or terminal ASCII — 15 themes, 6 diagram types, batch CLI…
|
1 | 1,521 | 2026-08-22 |
| 20 |
huytieu/COG-second-brain Self-evolving second brain with 35 AI skills, 10 agents, and people CRM. Closed-loop harness: a V-model verification lifecycle wh…
|
108 | 1,266 | 2026-10-02 |
| 21 |
jezweb/claude-skills Skills for Claude Code CLI such as full stack dev Cloudflare, React, Tailwind v4, and AI integrations.
|
63 | 1,051 | 2026-10-05 |
| 22 |
agiwhitelist/auteur The Claude Code skill that directs a website like a film. Commit-sheet, generated assets, build, and an executable anti-slop lint…
|
1 | 1,033 | 2026-08-06 |
| 23 |
bitjaru/styleseed Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, s…
|
3 | 974 | 2026-10-01 |
| 24 |
rampstackco/claude-skills Stack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Bu…
|
309 | 941 | 2026-10-07 |
| 25 |
dominikmartn/hue open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once,…
|
1 | 837 | 2026-06-11 |
| 26 |
xiaopu-ai/web-design A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
|
1 | 783 | 2026-06-24 |
| 27 |
superdesigndev/superdesign-skill The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful fronten…
|
1 | 633 | 2026-08-21 |
| 28 |
bybit-exchange/svg-diagram Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG, to one linted hous…
|
1 | 614 | 2026-09-03 |
How to install
| All skills, any agent | npx skills add Leonxlnx/taste-skill |
|---|---|
| Only for Claude Code | npx skills add Leonxlnx/taste-skill -a claude-code, or copy a skill folder to ~/.claude/skills/ (all projects) or .claude/skills/ (one project) |
npx skills is the open-source skills CLI; it asks which agents to install for. Skills can include scripts that your agent will run: read a skill before installing it, as you would any code.