Skip to content
appsgit

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

  1. Rank 1:

    Brainstorming

    obra/superpowers

    You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.

    Design & frontendShell

    Brainstorming 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. Rank 2:

    Prototype

    mattpocock/skills

    Build a throwaway prototype to answer a design question.

    Design & frontendShell

    Prototype 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. 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 & frontendJavaScript

    Accessibility 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. 1

    Brainstorming

    You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.

    Brainstorming 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. 2

    Prototype

    Build a throwaway prototype to answer a design question.

    Prototype 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. 3

    Accessibility

    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…

    Accessibility 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. 4

    Frontend Design

    Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

    Frontend 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. 5

    Next Cache Components Adoption

    Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces.

    Next 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. 6

    Autoplan

    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.

    Autoplan 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. 7

    Banner Design

    Design banners for social media, ads, website heroes, creative assets, and print.

    Banner 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. 8

    Shadcn

    Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces.

    Shadcn 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. 9

    API And Interface Design

    Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface.

    API 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. 10

    Critique

    Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10.

    Critique 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.

FAQ

Questions and answers

Still curious? Email info@appsgit.com.

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.

One email a week. No spam, unsubscribe anytime.