Web & Frontend

Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.

Showing 36 of 59,812 skills

What are web & frontend agent skills?

Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.

A skill is a plain SKILL.md file — YAML frontmatter naming the skill and describing when to use it, followed by markdown instructions the agent loads only when a task matches. The format is the one Anthropic documents for Agent Skills, and it is read unchanged by Cursor and OpenAI Codex, among 60+ agents. Every web & frontend skill listed here passes a safety review before it becomes publicly visible; the verdict and any network or filesystem capabilities it declares are shown on its page.

How to install a web & frontend agent skill

  1. Pick a skill. Choose a Web & Frontend skill from this page and open it to read its SKILL.md and safety review before installing.
  2. Run the install command. Run npx skillmds@latest add <owner>/<name> in your project. The CLI detects every agent installed on the machine and writes the skill into each one's skills directory.
  3. Restart your agent. Restart Claude Code, Cursor or Codex so it picks up the new skills directory. The agent then loads the skill on demand whenever a task matches its description.

Prefer to do it by hand? Every skill page has a copyable SKILL.md and a markdown twin at /skills/<owner>/<name>.md.

Frequently asked questions

What are Web & Frontend agent skills?

Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.

Which Web & Frontend skills are most installed?

Popular Web & Frontend skills on SkillMD right now include xlsx, web-artifacts-builder, theme-factory. Rankings shift as installs change; sort this page by "Most installs" for the live list.

Do Web & Frontend skills work with Claude Code and Cursor?

Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.