10 picks · ranked by GitHub stars
Best agent skills for design and frontend
The best agent skills for design and frontend are Brainstorming, Prototype and Accessibility, ranked by GitHub stars; Brainstorming leads with 296,071 stars. The list covers 234 agent skills in the appsgit catalog, one entry per repository.
Updated · data from GitHub, refreshed nightly
Top picks
- Rank 1:
Brainstorming
obra/superpowers
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.
Design & frontendShellBrainstorming has 296,071 GitHub stars, has 382,478 installs on skills.sh, runs without an API key, works with Claude Code, Codex and Cursor, is written in Shell and was last updated in September 2026.
- Rank 2:
Prototype
mattpocock/skills
Build a throwaway prototype to answer a design question.
Design & frontendShellPrototype has 278,361 GitHub stars, has 893,010 installs on skills.sh, runs without an API key, works with Claude Code and Codex, is written in Shell and was last updated in October 2026.
- Rank 3:
Accessibility
affaan-m/ECC
Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target…
Design & frontendJavaScriptAccessibility has 274,402 GitHub stars, has 2 installs on skills.sh, runs without an API key, works with Claude Code, Codex and Cursor, is written in JavaScript and was last updated in October 2026.
Full ranking
All 10 picks, ranked
Ranked by GitHub stars and recent activity. Open any pick for live stats and licence details.
- 1
Brainstormingobra/superpowers
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.
ShellBrainstorming has 296,071 GitHub stars, has 382,478 installs on skills.sh, runs without an API key, works with Claude Code, Codex and Cursor, is written in Shell and was last updated in September 2026.
- 2
Prototypemattpocock/skills
Build a throwaway prototype to answer a design question.
ShellPrototype has 278,361 GitHub stars, has 893,010 installs on skills.sh, runs without an API key, works with Claude Code and Codex, is written in Shell and was last updated in October 2026.
- 3
Accessibilityaffaan-m/ECC
Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target…
JavaScriptAccessibility has 274,402 GitHub stars, has 2 installs on skills.sh, runs without an API key, works with Claude Code, Codex and Cursor, is written in JavaScript and was last updated in October 2026.
- 4
Frontend Designanthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
PythonFrontend Design has 179,945 GitHub stars, is published by the vendor itself, has 957,751 installs on skills.sh, runs without an API key, works with Claude Code, is written in Python and was last updated in October 2026.
- 5
Next Cache Components Adoptionvercel/next.js
Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces.
JavaScriptNext Cache Components Adoption has 143,231 GitHub stars, is published by the vendor itself, runs without an API key, works with Claude Code, is written in JavaScript and was last updated in October 2026.
- 6
Autoplangarrytan/gstack
Auto-review pipeline — reads the full CEO, design, eng, and DX review skills from disk and runs them sequentially with auto-decisions using 6 decision principles.
TypeScriptAutoplan has 135,577 GitHub stars, runs without an API key, works with Claude Code, Codex and Cursor, is written in TypeScript and was last updated in October 2026.
- 7
Banner Designnextlevelbuilder/ui-ux-pro-max-skill
Design banners for social media, ads, website heroes, creative assets, and print.
PythonBanner Design has 133,647 GitHub stars, runs without an API key, works with Claude Code, Codex and Cursor, is written in Python and was last updated in October 2026.
- 8
Shadcnshadcn-ui/ui
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces.
TypeScriptShadcn has 125,223 GitHub stars, has 92,069 installs on skills.sh, runs without an API key, works with Claude Code, is written in TypeScript and was last updated in October 2026.
- 9
API And Interface Designaddyosmani/agent-skills
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface.
JavaScriptAPI And Interface Design has 102,166 GitHub stars, has 903 installs on skills.sh, runs without an API key, works with Claude Code, Codex and Cursor, is written in JavaScript and was last updated in October 2026.
- 10
Critiquenexu-io/open-design
Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10.
TypeScriptCritique has 99,748 GitHub stars, runs without an API key, works with Claude Code, Codex and Cursor, is written in TypeScript and was last updated in September 2026.
What are the best agent skills for design and frontend?
The best agent skills for design and frontend are Brainstorming, Prototype and Accessibility, ranked by GitHub stars; Brainstorming leads with 296,071 stars. The list covers 234 agent skills in the appsgit catalog, one entry per repository.
Do these agent skills need an API key?
None of the 10 picks needs an API key or token according to their published configuration.
Which coding agents work with these skills?
Claude Code (all), Codex (7 of 10), Cursor (6 of 10) and GitHub Copilot (6 of 10). The client list comes from each project's published compatibility data; appsgit does not guess it.
Are any of these agent skills official?
Yes: Frontend Design and Next Cache Components Adoption are published by the vendor themselves.
How do I install an agent skill?
A skill is a folder with a SKILL.md file that you copy into your agent's skills directory, or install from a plugin marketplace when the repository is one. Every skill page on appsgit shows the install command.
The weekly digest
New self-hosted apps, every week
Fresh releases, rising projects and one deploy guide a week. Join home labbers and engineers who self-host.