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

## Key facts

| Fact | Value |
|---|---|
| Question | What are the best agent skills for design and frontend? |
| Picks | 10 |
| Top pick | Brainstorming (296,071 stars) |
| Data as of | Oct 7, 2026 |
| Canonical URL | https://appsgit.com/best/agent-skills-for-design-frontend |

## Ranked picks

- [Brainstorming](https://appsgit.com/skills/obra-brainstorming) (296,071 stars, MIT, Shell): 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.
- [Prototype](https://appsgit.com/skills/mattpocock-prototype) (278,361 stars, MIT, Shell): 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.
- [Accessibility](https://appsgit.com/skills/affaan-m-accessibility) (274,402 stars, MIT, JavaScript): 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.
- [Frontend Design](https://appsgit.com/skills/anthropics-frontend-design) (179,945 stars, Apache-2.0, Python): 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.
- [Next Cache Components Adoption](https://appsgit.com/skills/vercel-next-cache-components-adoption) (143,231 stars, MIT, JavaScript): 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.
- [Autoplan](https://appsgit.com/skills/garrytan-autoplan) (135,577 stars, MIT, TypeScript): 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.
- [Banner Design](https://appsgit.com/skills/nextlevelbuilder-banner-design) (133,647 stars, MIT, Python): 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.
- [Shadcn](https://appsgit.com/skills/shadcn-ui-shadcn) (125,223 stars, MIT, TypeScript): 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.
- [API And Interface Design](https://appsgit.com/skills/addyosmani-api-and-interface-design) (102,166 stars, MIT, JavaScript): 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.
- [Critique](https://appsgit.com/skills/nexu-io-critique) (99,748 stars, Apache-2.0, TypeScript): 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.

## How this list was made

- Candidates: the 234 agent skills in the Design & frontend category on appsgit.
- Ranked by GitHub stars (installs on skills.sh break ties), at most one entry per repository so one project cannot fill the list.
- The catalog itself only lists skills with a valid SKILL.md, a license and a commit in the last six months, from repositories with 100+ stars or a skills.sh listing.

## FAQ

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

## Related questions

- [What are the best agent skills for security?](https://appsgit.com/best/agent-skills-for-security)
- [What are the best MCP servers?](https://appsgit.com/best/mcp-servers)
- [What are the best MCP servers for Claude Code?](https://appsgit.com/best/mcp-servers-for-claude-code)
- [What are the best MCP servers for Cursor?](https://appsgit.com/best/mcp-servers-for-cursor)
- [What are the best MCP servers for VS Code?](https://appsgit.com/best/mcp-servers-for-vs-code)
- [What are the best official MCP servers?](https://appsgit.com/best/official-mcp-servers)
- [Which MCP servers are trending right now?](https://appsgit.com/best/trending-mcp-servers)
- [What are the best Claude Code skills?](https://appsgit.com/best/claude-code-skills)

## See also

- [Design & frontend agent skills](https://appsgit.com/skills/category/design-frontend)
- [All agent skills](https://appsgit.com/skills)
- [Trending agent skills](https://appsgit.com/skills/trending)
- [Official agent skills](https://appsgit.com/skills/official)

---

Canonical page: https://appsgit.com/best/agent-skills-for-design-frontend
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.