Agent Academy

Agent Academy is a free, source-linked library of skills, prompts, MCP servers and bot templates, organised into courses by profession, for people who hand real work to AI agents: 1,467 live resources, each with its original link, license and safety tags.

Skill

addyosmani/agent-skills

Addy Osmani 的工程 Skill 集,含前端性能和质量类

No credentialsDoes not send

https://github.com/addyosmani/agent-skills

Original content

Full originalMITSource

Republished in full under its license, with attribution. The source is authoritative.

Agent Skills

Production-grade engineering skills for AI coding agents.

Skills encode the workflows, quality gates, and best practices that senior engineers use when building software. These ones are packaged so AI agents follow them consistently across every phase of development.

  DEFINE          PLAN           BUILD          VERIFY         REVIEW          SHIP
 ┌──────┐      ┌──────┐      ┌──────┐      ┌──────┐      ┌──────┐      ┌──────┐
 │ Idea │ ───▶ │ Spec │ ───▶ │ Code │ ───▶ │ Test │ ───▶ │  QA  │ ───▶ │  Go  │
 │Refine│      │  PRD │      │ Impl │      │Debug │      │ Gate │      │ Live │
 └──────┘      └──────┘      └──────┘      └──────┘      └──────┘      └──────┘
  /spec          /plan          /build        /test         /review       /ship

Commands

9 slash commands that map to the development lifecycle. Each one activates the right skills automatically.

What you're doingCommandKey principle
Define what to build/specSpec before code
Plan how to build it/planSmall, atomic tasks
Build incrementally/buildOne slice at a time
Prove it works/testTests are proof
Set the quality bar/constraintsDecide it once, enforce it everywhere
Review before merge/reviewImprove code health
Audit web performance/webperfMeasure before you optimize
Simplify the code/code-simplifyClarity over cleverness
Ship to production/shipFaster is safer

In Claude Code these install as plugin commands. Where a built-in command has the same name, as /review does, use the namespaced form: /agent-skills:review.

Want fewer manual steps once the spec exists? /build auto generates the plan and implements every task in a single approved pass — you approve the plan once, then it runs autonomously. It removes the human stepping *between* tasks, not the verification: every task is still test-driven and committed individually, and it pauses on failures or risky steps.

Skills also activate automatically based on what you're doing — designing an API triggers api-and-interface-design, building UI triggers frontend-ui-engineering, and so on.


Quick Start

Fastest path — any agent, one command. The open skills CLI installs into 70+ agents (Claude Code, Cursor, Codex, Copilot, Cline, and more):

npx skills add addyosmani/agent-skills            # install all 25 skills
npx skills add addyosmani/agent-skills --list     # browse before installing

Or grab individual skills:

npx skills add addyosmani/agent-skills --skill code-review-and-quality   # five-axis review before merge
npx skills add addyosmani/agent-skills --skill interview-me              # requirements interrogation, one question at a time
npx skills add addyosmani/agent-skills --skill test-driven-development   # red-green-refactor, enforced

> Installing one skill? A per-skill npx install copies only

> skills/<name>/, not the repo-level references/ directory. The skill still

> works, but paths to supplementary shared checklists are unavailable. Use a

> whole-repo integration, clone the repository, or copy the needed checklist into

> a references/ directory inside the installed skill. This portability gap is

> tracked in #361.

Prefer a native integration? Pick your tool below.

Claude Code (recommended)

Marketplace install:

/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills

> SSH errors? The marketplace clones repos via SSH. If you don't have SSH keys set up on GitHub, either add your SSH key or use the full HTTPS URL to force HTTPS cloning during the marketplace-add step:

> ```bash

> /plugin marketplace add https://github.com/addyosmani/agent-skills.git

> /plugin install agent-skills@addy-agent-skills

> ```

>

> If /plugin install still fails with git@github.com: Permission denied (publickey) on Windows or macOS, the recommended workaround is to configure Git once to rewrite GitHub SSH URLs to HTTPS for subprocess clones:

> ```bash

> git config --global url."https://github.com/".insteadOf git@github.com:

> ```

Local / development:

git clone https://github.com/addyosmani/agent-skills.git
claude --plugin-dir /path/to/agent-skills

Cursor

Put workflow skills under .cursor/skills/ (sync from agent-skills/skills/) and short policies in .cursor/rules/*.mdc — do not paste full skills into rules. Both directories live in your project; this repo does not ship a .cursor/ folder. See [docs/cursor-setup.md](docs/cursor-setup.md).

Antigravity CLI

Install as a native plugin for skills and subagents. In affected Antigravity CLI releases, legacy command TOMLs are reported as converted but their wrapper commands are not discoverable; invoke the underlying namespaced skills directly. See [docs/antigravity-setup.md](docs/antigravity-setup.md#lifecycle-workflows-and-command-compatibility).

Install from the repo:

agy plugin install https://github.com/addyosmani/agent-skills.git

Install from a local clone:

git clone https://github.com/addyosmani/agent-skills.git
agy plugin install ./agent-skills

Gemini CLI

Install as native skills for auto-discovery, or add to GEMINI.md for persistent context. See [docs/gemini-cli-setup.md](docs/gemini-cli-setup.md).

Install from the repo:

gemini skills install https://github.com/addyosmani/agent-skills.git --path skills

Install from a local clone:

gemini skills install ./agent-skills/skills/

Windsurf

Add skill contents to your Windsurf rules configuration. See [docs/windsurf-setup.md](docs/windsurf-setup.md).

OpenCode

Copy skills to .opencode/skills/ (or ~/.config/opencode/skills/), add a project-local AGENTS.md, and use the built-in skill tool for agent-driven execution. Optional slash commands can be added under .opencode/commands/.

See [docs/opencode-setup.md](docs/opencode-setup.md).

GitHub Copilot

Use agent definitions from agents/ as Copilot personas and skill content in .github/copilot-instructions.md. The lifecycle slash commands (/spec, /plan, /build, /test, /review, /ship) are Claude Code commands and do not appear in Copilot; invoke the skills by name (/spec-driven-development, …) instead. See [docs/copilot-setup.md](docs/copilot-setup.md).

Using the standalone copilot CLI? Install it as a plugin — see [docs/copilot-cli-setup.md](docs/copilot-cli-setup.md).

Kiro IDE & CLI

Skills for Kiro reside under ".kiro/skills/" and can be stored under Project or Global level. Kiro also supports Agents.md. See Kiro docs at https://kiro.dev/docs/skills/

Codex

Install as a native Codex plugin (Codex CLI v0.122+):

codex plugin marketplace add addyosmani/agent-skills
codex plugin add agent-skills@agent-skills

The first command registers the marketplace; the second installs the plugin. Codex reads the root skills/ directory directly through .codex-plugin/plugin.json. Once installed, invoke skills in chat using @ (e.g., @spec-driven-development). See [docs/codex-setup.md](docs/codex-setup.md) for local installation and troubleshooting.

Command Code

Install natively with the built-in cmd skills command. Command Code clones the repo, discovers every SKILL.md, and installs into .commandcode/skills/:

cmd skills add addyosmani/agent-skills            # pick skills to install (project)
cmd skills add addyosmani/agent-skills --global   # install for all projects (~/.commandcode/skills/)
cmd skills add addyosmani/agent-skills -s spec-driven-development  # install a specific skill

Installed skills show up in the TUI slash menu, e.g. /spec-driven-development. See [docs/commandcode-setup.md](docs/commandcode-setup.md).

Other Agents

Skills are plain Markdown - they work with any agent that accepts system prompts or instruction files. See [docs/getting-started.md](docs/getting-started.md). Hosts that install the pack but aren't listed above are in [docs/other-hosts.md](docs/other-hosts.md).


Adoption

Already installed? How you roll the pack out depends on your codebase. The [Adoption Guide](docs/adoption-guide.md) covers two paths: the full lifecycle from day one for a greenfield project, or an incremental, verification-first rollout for an established codebase.


All 25 Skills

The commands above are entry points. The pack includes 25 skills total — 24 lifecycle skills plus the using-agent-skills meta-skill. Each skill is a structured workflow with steps, verification gates, and anti-rationalization tables. You can also reference any skill directly.

Meta - Discover which skill applies

SkillWhat It DoesUse When
[using-agent-skills](skills/using-agent-skills/SKILL.md)Maps incoming work to the right skill workflow and defines shared operating rulesStarting a session or deciding which skill applies

Define - Clarify what to build

SkillWhat It DoesUse When
[interview-me](skills/interview-me/SKILL.md)One-question-at-a-time interview that extracts what the user actually wants instead of what they think they should want, until ~95% confidenceThe ask is underspecified, or the user invokes "interview me" / "grill me"
[idea-refine](skills/idea-refine/SKILL.md)Structured divergent/convergent thinking to turn vague ideas into concrete proposalsYou have a rough concept that needs exploration
[spec-driven-development](skills/spec-driven-development/SKILL.md)Write a PRD covering objectives, commands, structure, code style, testing, and boundaries before any codeStarting a new project, feature, or significant change
[constraint-driven-development](skills/constraint-driven-development/SKILL.md)Interviews you for a quality bar with sane default thresholds, writes CONSTRAINTS.md, places each check by cost, and catches agents silencing checks or skipping tests to get greenNo standards are written down, or an agent is producing more than anyone reads

Plan - Break it down

SkillWhat It DoesUse When
[planning-and-task-breakdown](skills/planning-and-task-breakdown/SKILL.md)Decompose specs into small, verifiable tasks with acceptance criteria and dependency orderingYou have a spec and need implementable units

Build - Write the code

SkillWhat It DoesUse When
[incremental-implementation](skills/incremental-implementation/SKILL.md)Thin vertical slices - implement, test, verify, commit. Feature flags, safe defaults, rollback-friendly changesAny change touching more than one file
[test-driven-development](skills/test-driven-development/SKILL.md)Red-Green-Refactor, test pyramid (80/15/5), test sizes, DAMP over DRY, Beyonce Rule, browser testingImplementing logic, fixing bugs, or changing behavior
[context-engineering](skills/context-engineering/SKILL.md)Feed agents the right information at the right time - rules files, context packing, MCP integrationsStarting a session, switching tasks, or when output quality drops
[source-driven-development](skills/source-driven-development/SKILL.md)Ground every framework decision in official documentation - verify, cite sources, flag what's unverifiedYou want authoritative, source-cited code for any framework or library
[doubt-driven-development](skills/doubt-driven-development/SKILL.md)Adversarial fresh-context review of every non-trivial decision in-flight - CLAIM → EXTRACT → DOUBT → RECONCILE → STOP, with optional user-authorized cross-model escalationStakes are high (production, security, irreversible), working in unfamiliar code, or a confident output is cheaper to verify now than to debug later
[frontend-ui-engineering](skills/frontend-ui-engineering/SKILL.md)Component architecture, design systems, state management, responsive design, WCAG 2.1 AA accessibilityBuilding or modifying user-facing interfaces
[api-and-interface-design](skills/api-and-interface-design/SKILL.md)Contract-first design, Hyrum's Law, One-Version Rule, error semantics, boundary validationDesigning APIs, module boundaries, or public interfaces

Verify - Prove it works

SkillWhat It DoesUse When
[browser-testing-with-devtools](skills/browser-testing-with-devtools/SKILL.md)Chrome DevTools MCP for live runtime data - DOM inspection, console logs, network traces, performance profilingBuilding or debugging anything that runs in a browser
[debugging-and-error-recovery](skills/debugging-and-error-recovery/SKILL.md)Five-step triage: reproduce, localize, reduce, fix, guard. Stop-the-line rule, safe fallbacksTests fail, builds break, or behavior is unexpected

Review - Quality gates before merge

SkillWhat It DoesUse When
[code-review-and-quality](skills/code-review-and-quality/SKILL.md)Five-axis review, change sizing (~100 lines), severity labels (Nit/Optional/FYI), review speed norms, splitting strategiesBefore merging any change
[code-simplification](skills/code-simplification/SKILL.md)Chesterton's Fence, Rule of 500, reduce complexity while preserving exact behaviorCode works but is harder to read or maintain than it should be
[security-and-hardening](skills/security-and-hardening/SKILL.md)OWASP Top 10 prevention, auth patterns, secrets management, dependency auditing, three-tier boundary systemHandling user input, auth, data storage, or external integrations
[performance-optimization](skills/performance-optimization/SKILL.md)Measure-first approach - Core Web Vitals targets, profiling workflows, bundle analysis, anti-pattern detectionPerformance requirements exist or you suspect regressions

Ship - Deploy with confidence

SkillWhat It DoesUse When
[git-workflow-and-versioning](skills/git-workflow-and-versioning/SKILL.md)Trunk-based development, atomic commits, change sizing (~100 lines), the commit-as-save-point patternMaking any code change (always)
[ci-cd-and-automation](skills/ci-cd-and-automation/SKILL.md)Shift Left, Faster is Safer, feature flags, quality gate pipelines, failure feedback loopsSetting up or modifying build and deploy pipelines
[deprecation-and-migration](skills/deprecation-and-migration/SKILL.md)Code-as-liability mindset, compulsory vs advisory deprecation, migration patterns, zombie code removalRemoving old systems, migrating users, or sunsetting features
[documentation-and-adrs](skills/documentation-and-adrs/SKILL.md)Architecture Decision Records, API docs, inline documentation standards - document the *why*Making architectural decisions, changing APIs, or shipping features
[observability-and-instrumentation](skills/observability-and-instrumentation/SKILL.md)Structured logging, RED metrics, OpenTelemetry tracing, symptom-based alerting - instrument as you buildAdding telemetry, or shipping anything that runs in production
[shipping-and-launch](skills/shipping-and-launch/SKILL.md)Pre-launch checklists, feature flag lifecycle, staged rollouts, rollback procedures, monitoring setupPreparing to deploy to production

Agent Personas

Pre-configured specialist personas for targeted reviews:

AgentRolePerspective
[code-reviewer](agents/code-reviewer.md)Senior Staff EngineerFive-axis code review with "would a staff engineer approve this?" standard
[test-engineer](agents/test-engineer.md)QA SpecialistTest strategy, coverage analysis, and the Prove-It pattern
[security-auditor](agents/security-auditor.md)Security EngineerVulnerability detection, threat modeling, OWASP assessment
[web-performance-auditor](agents/web-performance-auditor.md)Web Performance EngineerCore Web Vitals audit with Quick/Deep modes and a metric-honesty rule; run it via /webperf

See [docs/agents.md](docs/agents.md) for the decision matrix, orchestration rules, and how personas compose with skills and slash commands.


Reference Checklists

Quick-reference material that skills pull in when needed:

ReferenceCovers
[definition-of-done.md](references/definition-of-done.md)Project-wide standing bar every change clears, contrasted with per-task acceptance criteria
[testing-patterns.md](references/testing-patterns.md)Test structure, naming, mocking, React/API/E2E examples, anti-patterns (JavaScript/TypeScript)
[security-checklist.md](references/security-checklist.md)Pre-commit checks, auth, input validation, headers, CORS, OWASP Top 10
[performance-checklist.md](references/performance-checklist.md)Core Web Vitals targets, frontend/backend checklists, measurement commands
[accessibility-checklist.md](references/accessibility-checklist.md)Keyboard nav, screen readers, visual design, ARIA, testing tools
[observability-checklist.md](references/observability-checklist.md)On-call questions, structured logging, RED/USE metrics, tracing, symptom-based alerting, pre-launch gate
[orchestration-patterns.md](references/orchestration-patterns.md)Endorsed multi-persona orchestration patterns, anti-patterns, and the "personas don't invoke personas" rule

How Skills Work

Every skill follows a consistent anatomy:

┌─────────────────────────────────────────────────┐
│  SKILL.md                                       │
│                                                 │
│  ┌─ Frontmatter ─────────────────────────────┐  │
│  │ name: lowercase-hyphen-name               │  │
│  │ description: Guides agents through [task].│  │
│  │              Use when…                    │  │
│  └───────────────────────────────────────────┘  │                                                                                                
│  Overview         → What this skill does        │
│  When to Use      → Triggering conditions       │
│  Process          → Step-by-step workflow       │
│  Rationalizations → Excuses + rebuttals         │
│  Red Flags        → Signs something's wrong     │
│  Verification     → Evidence requirements       │
└─────────────────────────────────────────────────┘

Key design choices:

  • Process, not prose. Skills are workflows agents follow, not reference docs they read. Each has steps, checkpoints, and exit criteria.
  • Anti-rationalization. Every skill includes a table of common excuses agents use to skip steps (e.g., "I'll add tests later") with documented counter-arguments.
  • Verification is non-negotiable. Every skill ends with evidence requirements - tests passing, build output, runtime data. "Seems right" is never sufficient.
  • Progressive disclosure. The SKILL.md is the entry point. Supporting references load only when needed, keeping token usage minimal.

Project Structure

The portable core stays in shared directories. Host-specific paths are native discovery conventions, not branding aliases; renaming or merging them would break the tools that scan those exact locations.

Layer / consumerRepository pathsPurpose
Shared workflow coreskills/ (25 skills)Portable SKILL.md workflows used by every integration
Shared review materialagents/ (4 personas), references/ (7 checklists)Specialist reviewers and pack-level checklists carried by whole-repo installs
Claude Code adapter.claude/commands/ (9 commands), .claude-plugin/, hooks/Slash-command wrappers, marketplace metadata, and lifecycle hooks
Gemini CLI adapter.gemini/commands/ (9 commands)Gemini-native TOML command wrappers
Antigravity CLI adaptercommands/ (9 commands), plugin.jsonLegacy TOML wrappers and the root plugin manifest; see the [known wrapper limitation](docs/antigravity-setup.md#lifecycle-workflows-and-command-compatibility)
Codex adapter.codex-plugin/, .agents/plugins/Codex plugin metadata and marketplace registration; Codex consumes skills/ directly
GitHub Copilot CLI adapterplugin.jsonRoot plugin metadata; Copilot CLI discovers skills/ by convention and does not register the lifecycle wrappers
Contributor toolingscripts/ (13 scripts), evals/ (25 case files), .github/workflows/Validation, routing evals, and CI
Documentationdocs/Universal guidance and per-tool setup guides

Tools without a checked-in adapter directory install or copy the shared skills/ core into their own native location. The [Quick Start](#quick-start) links the setup guide for each supported host.


Why Agent Skills?

AI coding agents default to the shortest path - which often means skipping specs, tests, security reviews, and the practices that make software reliable. Agent Skills gives agents structured workflows that enforce the same discipline senior engineers bring to production code.

Each skill encodes hard-won engineering judgment: *when* to write a spec, *what* to test, *how* to review, and *when* to ship. These aren't generic prompts - they're the kind of opinionated, process-driven workflows that separate production-quality work from prototype-quality work.

Skills bake in best practices from Google's engineering culture — including concepts from Software Engineering at Google and Google's engineering practices guide. You'll find Hyrum's Law in API design, the Beyonce Rule and test pyramid in testing, change sizing and review speed norms in code review, Chesterton's Fence in simplification, trunk-based development in git workflow, Shift Left and feature flags in CI/CD, and a dedicated deprecation skill treating code as a liability. These aren't abstract principles — they're embedded directly into the step-by-step workflows agents follow.


How it compares

Wondering how this stacks up against Superpowers or Matt Pocock's skills? See [docs/comparison.md](docs/comparison.md) for an honest, side-by-side look at how the three are shaped differently and when to reach for each — including a link to a controlled head-to-head experiment.


Contributing

Skills should be specific (actionable steps, not vague advice), verifiable (clear exit criteria with evidence requirements), battle-tested (based on real workflows), and minimal (only what's needed to guide the agent).

See [docs/skill-anatomy.md](docs/skill-anatomy.md) for the format specification, [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines, and [docs/advanced-per-agent-configuration.md](docs/advanced-per-agent-configuration.md) for applying model routing, tool restrictions, and other per-agent runtime controls without breaking the portable SKILL.md frontmatter.


Team

agent-skills is built and maintained by:

NameGitHubRole
Addy Osmani@addyosmaniCreator
Federico Bartoli@federicobartoliCollaborator
Joan León@nucliwebCollaborator

License

MIT - use these skills in your projects, teams, and tools.

Related

SkillDesign

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Sourcegithub.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md

No credentialsDoes not sendApache-2.0
SkillDesign

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Sourcegithub.com/anthropics/skills/blob/main/skills/web-artifacts-builder/SKILL.md

No credentialsDoes not sendApache-2.0
SkillDesign

brandkit

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups,…

Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/brandkit/SKILL.md

No credentialsDoes not sendMIT
SkillDesign

design-taste-frontend

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals researched directions (idea, composition, type, palette, photographs, section blueprints) from a library, enforces a strict no-slop house style with a real-browser inspector, and runs a look-and-fix loop on screenshots. Use this whenever you…

Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md

No credentialsDoes not sendMIT
SkillDesign

design-taste-frontend-v1

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2), which is a new skill. Use this v1 install name only if you need exact backward compatibility.

Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill-v1/SKILL.md

No credentialsDoes not sendMIT
SkillDesign

design-taste-frontend-v2-experimental

Old v2 (experimental) of taste-skill, the single-file dial-driven version, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2). Use this install name only if you need the earlier behavior. Anti-slop frontend rules for landing pages, portfolios, and redesigns, with real design systems when applicable, audit-first redesigns and a strict pre-flight check.

Sourcegithub.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill-v2-experimental/SKILL.md

No credentialsDoes not sendMIT