Updated 4w ago
by thedesignproject
agent-skills
A community-driven collection of skills, prompts, and workflows to help builders get the most out of Claude Code and other AI agents.
94 GitHub stars (94)
+5 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | +1 |
| Oct 3 | 0 |
| Oct 4 | +1 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | +1 |
| Oct 10 | 0 |
| Oct 11 | +1 |
| Oct 12 | +1 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | 0 |
- 23 skills (23 skills found in its SKILL.md files)
- 24 forks (24 forks)
- 4w ago last update (Last updated 4w ago)
Install
Skills CLI
npx skills add thedesignproject/agent-skills
Asks which skills and agents to install. Just one: npx skills add thedesignproject/agent-skills --skill accessibility — add -g for every project.
Claude Code
git clone https://github.com/thedesignproject/agent-skillscp -r "agent-skills/skills/accessibility" ~/.claude/skills/
Copies the accessibility skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add thedesignproject/agent-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
accessibility
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
skills/accessibility/SKILL.md on GitHub (opens in a new tab) -
agentic-design-systems
Use when designing, scaffolding, extending, or auditing a component library whose primary consumer is an AI agent — i.e. the design system needs machine-readable metadata (props, variants, relationships, tokens, anti-patterns) rather than only prose docs. Triggers include "agentic design system", "design system for AI/Claude", "make my design system AI-readable", "component metadata schema", "sca…
skills/agentic-design-systems/SKILL.md on GitHub (opens in a new tab) -
ai-component-metadata
Generate AI-ready metadata for design system components to enable intelligent UI generation. Analyzes component structure and generates structured metadata that helps AI understand when and how to use components correctly. Useful for teams building AI-consumable design systems.
skills/ai-component-metadata/SKILL.md on GitHub (opens in a new tab) -
business-kickoff-workshop
Use this skill when a designer needs to prepare for a business kickoff workshop with a new customer, or needs to fill a Business Model Canvas after the call. Triggers when someone mentions a kickoff call, BMC workshop, business model canvas, or needs to prepare questions for a new customer discovery session.
skills/business-kickoff-workshop/SKILL.md on GitHub (opens in a new tab) -
caveman
Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, wenyan-lite, wenyan-full, wenyan-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman. Also auto-triggers when token efficiency is requested.
skills/caveman/SKILL.md on GitHub (opens in a new tab) -
create-prd
Generate a PRD from a feature request transcript or description
skills/create-prd/SKILL.md on GitHub (opens in a new tab) -
create-skill
Create Cursor Agent Skills. Use when authoring a new skill or asking about SKILL.md structure.
skills/create-skill/SKILL.md on GitHub (opens in a new tab) -
extract-design-system
Extract design primitives from a public website and generate starter token files for your project.
skills/extract-design-system/SKILL.md on GitHub (opens in a new tab) -
figma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'.…
skills/figma-generate-design/SKILL.md on GitHub (opens in a new tab) -
figma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variabl…
skills/figma-use/SKILL.md on GitHub (opens in a new tab) -
find-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
skills/find-skills/SKILL.md on GitHub (opens in a new tab) -
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
skills/frontend-design/SKILL.md on GitHub (opens in a new tab) -
marketing-psychology
When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,' 'scarcity,' 'loss aversion,' 'framing,' or 'nudge.' Use this whenever someone wants to un…
skills/marketing-psychology/SKILL.md on GitHub (opens in a new tab) -
performance-review-360-peer
Help someone give peer feedback for a colleague using the Non-Violent Communication framework
skills/performance-review-360-peer/SKILL.md on GitHub (opens in a new tab) -
performance-review-manager
Walk a manager through a full quarterly performance review for a direct report, including peer feedback synthesis, performance/potential ratings, leadership principles assessment, and development planning
skills/performance-review-manager/SKILL.md on GitHub (opens in a new tab) -
performance-review-self-assessment
Help an employee write their own self-assessment for a quarterly performance review — accomplishments, challenges, leadership-principles self-rating, and development-plan progress
skills/performance-review-self-assessment/SKILL.md on GitHub (opens in a new tab) -
pr-branch-naming
Generate a conventionally-named branch and PR title from a feature description. Use when the user is starting a new branch, opening a PR, or asks how to name a branch or PR. Triggers on phrases like "create a branch", "name this branch", "open a PR", "what should I call this branch", "PR title for this".
skills/pr-branch-naming/SKILL.md on GitHub (opens in a new tab) -
presentation
Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, and progressive bullet reveal. Use when the user wants to create a presentation, slide deck, pitch deck, or wants to present content as slides.
skills/presentation/SKILL.md on GitHub (opens in a new tab) -
product-context-builder
Create or improve a repo's AGENTS.md, CLAUDE.md, PRODUCT.md, DESIGN.md, and project skills so AI agents can use the product and design system accurately.
skills/product-context-builder/SKILL.md on GitHub (opens in a new tab) -
prompt-engineer
Writes, refactors, and evaluates prompts for LLMs — generating optimized prompt templates, structured output schemas, evaluation rubrics, and test suites. Use when designing prompts for new LLM applications, refactoring existing prompts for better accuracy or token efficiency, implementing chain-of-thought or few-shot learning, creating system prompts with personas and guardrails, building JSON/f…
skills/prompt-engineer/SKILL.md on GitHub (opens in a new tab) -
ux-audit
Professional UX and landing page audit. Identifies the top 3 critical quality issues, auto-implements fixes, and generates a Loom video transcript to share improvements with the lead. Use when auditing a website or landing page for professionalism and craft.
skills/ux-audit/SKILL.md on GitHub (opens in a new tab) -
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
skills/web-design-guidelines/SKILL.md on GitHub (opens in a new tab) -
writing-skills
Use when creating new skills, editing existing skills, or verifying skills work before deployment
skills/writing-skills/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.