Back to the catalog

published by addyosmani

32 listings on this page, in order of arrival. Each one has its own page with README, repository facts and source links.

  1. web-quality-skills ★ 2,783
    Measurement-first Agent Skills for Lighthouse, Chrome DevTools, Core Web Vitals, WCAG 2.2, SEO, and agentic browsing.
  2. accessibility ★ 2,783
    Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance
  3. seo ★ 2,783
    Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured
  4. code-review-and-quality ★ 93,777
    Conducts multi-axis code review. Use before merging any change. Use when reviewing code written by yourself, another agent, or a human. Use
  5. performance ★ 2,783
    Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduc
  6. frontend-ui-engineering ★ 93,777
    Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components,
  7. security-and-hardening ★ 93,777
    Hardens code against vulnerabilities. Use when handling user input, authentication, data storage, or external integrations. Use when buildin
  8. planning-and-task-breakdown ★ 93,777
    Breaks work into ordered tasks. Use when you have a spec or clear requirements and need to break work into implementable tasks. Use when a t
  9. spec-driven-development ★ 93,777
    Creates specs before coding. Use when starting a new project, feature, or significant change and no specification exists yet. Use when draft
  10. performance-optimization ★ 93,777
    Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspec
  11. documentation-and-adrs ★ 93,777
    Records decisions and documentation. Use when making architectural decisions, changing public APIs, shipping features, or when you need to r
  12. code-simplification ★ 93,777
    Simplifies code for clarity. Use when refactoring code for clarity without changing behavior. Use when code works but is harder to read, mai
  13. debugging-and-error-recovery ★ 93,777
    Guides systematic root-cause debugging. Use when tests fail, builds break, behavior doesn't match expectations, or you encounter any unexpec
  14. incremental-implementation ★ 93,777
    Delivers changes incrementally. Use when implementing any feature or change that touches more than one file. Use when you're about to write
  15. test-driven-development ★ 93,777
    Drives development with tests. Use when implementing any logic, fixing any bug, or changing any behavior. Use when you need to prove that co
  16. context-engineering ★ 93,777
    Optimizes agent context setup. Use when starting a new session, when agent output quality degrades, when switching between tasks, or when yo
  17. api-and-interface-design ★ 93,777
    Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or Graph
  18. using-agent-skills ★ 93,777
    Discovers and invokes agent skills. Use when starting a session, or when you need to decide which skill or workflow applies to the piece of
  19. idea-refine ★ 93,777
    Refines raw ideas into sharp, actionable concepts through structured divergent and convergent thinking. Use when an idea is still vague, whe
  20. git-workflow-and-versioning ★ 93,777
    Structures git workflow practices. Use when making any code change. Use when committing, branching, resolving conflicts, splitting uncommitt
  21. browser-testing-with-devtools ★ 93,777
    Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect
  22. ci-cd-and-automation ★ 93,777
    Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates
  23. source-driven-development ★ 93,777
    Grounds every implementation decision in official documentation. Use when you want to verify an approach against the official docs before im
  24. shipping-and-launch ★ 93,777
    Prepares production launches. Use when preparing to deploy to production, or when asking what needs to be in place before shipping. Use when
  25. deprecation-and-migration ★ 93,777
    Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to ano
  26. web-quality-audit ★ 2,783
    Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "aud
  27. core-web-vitals ★ 2,783
    Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals
  28. interview-me ★ 93,777
    Extracts what the user actually wants instead of what they think they should want. Achieves this through one-question-at-a-time interview un
  29. doubt-driven-development ★ 93,777
    Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when correctness matters more than speed, wh
  30. best-practices ★ 2,783
    Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "securi
  31. observability-and-instrumentation ★ 93,777
    Instruments code so production behavior is visible and diagnosable. Use when adding logging, metrics, tracing, or alerting. Use when shippin
  32. constraint-driven-development ★ 93,777
    addyosmani/agent-skills · skills.sh