--- title: "Addy Osmani (@addyosmani) skills · skilld" canonical_url: "https://skilld.dev/gh/addyosmani" last_updated: "2026-08-20T06:40:42.401Z" meta: description: "31 agent skills written by Addy Osmani on skilld. Performance, accessibility, core-web-vitals." "og:description": "31 agent skills written by Addy Osmani." "og:title": "Addy Osmani on skilld" --- ` ![Avatar for Addy Osmani](https://github.com/addyosmani.png) # **Addy Osmani** [@addyosmani](https://github.com/addyosmani)person Former Director at Google working on Gemini and Google Cloud 31 skills2 repos 93k Sunnyvale, California Synced 2 days ago Mostly·Performance, accessibility, core-web-vitals [GitHub](https://github.com/addyosmani) [Website](https://www.addyosmani.com) **Is this your GitHub account? ** Sign in as @addyosmani with GitHub. Your indexed skills will appear on your curator profile. skilld will also check your public repositories for other `SKILL.md` files. [Sign in with GitHub](https://skilld.dev/auth/github?return_to=%2Fgh%2Faddyosmani) ## Skills ### [addyosmani/agent-skills](https://skilld.dev/gh/addyosmani/agent-skills) Production-grade engineering skills for AI coding agents. 25 skills 93k `npx skilld add gh:addyosmani/agent-skills` - [ **/api-and-interface-design**93k Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend. /api-and-interface-design by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/api-and-interface-design) - [ **/browser-testing-with-devtools**93k 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 the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured. /browser-testing-with-devtools by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/browser-testing-with-devtools) - [ **/ci-cd-and-automation**93k Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates, configure test runners in CI, or establish deployment strategies. /ci-cd-and-automation by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/ci-cd-and-automation) - [ **/code-review-and-quality**93k Conducts multi-axis code review. Use before merging any change. Use when reviewing code written by yourself, another agent, or a human. Use when you need to assess code quality across multiple dimensions before it enters the main branch. /code-review-and-quality by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/code-review-and-quality) - [ **/code-simplification**93k Simplifies code for clarity. Use when refactoring code for clarity without changing behavior. Use when code works but is harder to read, maintain, or extend than it should be. Use when reviewing code that has accumulated unnecessary complexity. /code-simplification by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/code-simplification) - [ **/constraint-driven-development**93k Establishes a project's quality bar as a written contract and stops agents quietly lowering it. Interviews the user on which dimensions matter, supplies sane default thresholds when they have no number in mind, records everything in CONSTRAINTS.md, and watches the diff for a weakened bar — new @ts-ignore or eslint-disable suppressions, skipped or deleted tests, assertions stripped out, unimplemented stubs, thresholds edited down. Use when no quality bar is written down, when the user says "set up constraints" or "define our standards", when the user wants dimensions they care about — accessibility, web performance, coverage — set up as enforced constraints, when an agent keeps silencing checks or skipping tests to get to green, when you need a coverage or performance threshold and don't know what number to pick, or when an agent writes more code than anyone will read. /constraint-driven-development by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/constraint-driven-development) - [ **/context-engineering**93k Optimizes agent context setup. Use when starting a new session, when agent output quality degrades, when switching between tasks, or when you need to configure rules files and context for a project. /context-engineering by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/context-engineering) - [ **/debugging-and-error-recovery**93k Guides systematic root-cause debugging. Use when tests fail, builds break, something that worked yesterday broke, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need to figure out what broke and why — a systematic approach to finding and fixing the root cause rather than guessing. /debugging-and-error-recovery by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/debugging-and-error-recovery) - [ **/deprecation-and-migration**93k Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to another. Use when migrating a database schema in production, such as renaming or dropping a column without downtime (expand/contract). Use when deciding whether to maintain or sunset existing code. /deprecation-and-migration by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/deprecation-and-migration) - [ **/documentation-and-adrs**93k Records decisions and documentation. Use when you need to document an architecture decision (ADR) or the reasoning behind a design choice, when changing public APIs, shipping features, or when you need to record context that future engineers and agents will need to understand the codebase. /documentation-and-adrs by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/documentation-and-adrs) - [ **/doubt-driven-development**93k Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when you want every assumption cross-examined before proceeding, when stress-testing a plan for hidden failure modes, when correctness matters more than speed, when working in unfamiliar code, when stakes are high (production auth, security-sensitive logic, a high-stakes migration, irreversible operations), or any time a confident output would be cheaper to verify now than to debug later. /doubt-driven-development by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/doubt-driven-development) - [ **/frontend-ui-engineering**93k Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated. /frontend-ui-engineering by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/frontend-ui-engineering) - [ **/git-workflow-and-versioning**93k Structures git workflow practices. Use when making any code change. Use when committing, branching, resolving conflicts, splitting uncommitted work in a messy working tree into clean atomic commits, opening or reviewing a pull request (PR), pushing to a remote, or when you need to organize work across multiple parallel streams. Use when cutting a release, choosing a semantic version bump, tagging, or writing a changelog. /git-workflow-and-versioning by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/git-workflow-and-versioning) - [ **/idea-refine**93k Refines raw ideas into sharp, actionable concepts through structured divergent and convergent thinking. Use when an idea is still vague, when you need to stress-test assumptions before committing to a plan, or when you want to expand options before converging on one. Triggers on "ideate", "refine this idea", or "stress-test my plan". /idea-refine by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/idea-refine) - [ **/incremental-implementation**93k Delivers changes incrementally in thin, verifiable slices. Use when implementing any feature or change that touches more than one file, or when picking up the next task from a plan. Use when rolling a change out behind a feature flag, when you're about to write a large amount of code at once, or when a task feels too big to land in one step. /incremental-implementation by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/incremental-implementation) - [ **/interview-me**93k Extracts what the user actually wants instead of what they think they should want. Achieves this through one-question-at-a-time interview until \~95% confidence about the underlying intent. Use when an ask is underspecified ("build me X" without "for whom" or "why now"), when the user explicitly invokes ("interview me", "grill me", "are we sure?", "stress-test my thinking"), or when you catch yourself silently filling in ambiguous requirements before any plan, spec, or code exists. /interview-me by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/interview-me) - [ **/observability-and-instrumentation**93k Instruments code so production behavior is visible and diagnosable. Use when adding logging, metrics, tracing, or alerting. Use when shipping any feature that runs in production and you need evidence it works. Use when production issues are reported but you can't tell what happened from the available data. /observability-and-instrumentation by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/observability-and-instrumentation) - [ **/performance-optimization**93k Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks. /performance-optimization by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/performance-optimization) - [ **/planning-and-task-breakdown**93k 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 task feels too large to start, when you need to estimate scope, or when parallel work is possible. /planning-and-task-breakdown by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/planning-and-task-breakdown) - [ **/security-and-hardening**93k Hardens code against vulnerabilities. Use when auditing an input handler for vulnerabilities, when handling user input, authentication, data storage, or external integrations, or when checking a login flow is safe against the OWASP Top Ten. Use when building any feature that accepts untrusted data, manages user sessions, or interacts with third-party services. Use when auditing dependencies for known vulnerabilities, triaging package-manager audit findings, or assessing supply-chain risk in a new package. Use when personal data or privacy compliance (GDPR, CCPA) is involved. /security-and-hardening by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/security-and-hardening) - [ **/shipping-and-launch**93k Prepares production launches. Use when preparing to deploy to production, or when asking what needs to be in place before shipping. Use when you need a pre-launch checklist, when setting up monitoring, when planning a staged rollout, or when you need a rollback strategy. /shipping-and-launch by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/shipping-and-launch) - [ **/source-driven-development**93k Grounds every implementation decision in official documentation. Use when you want to verify an approach against the official docs before implementing it, or when you want authoritative, source-cited code free from outdated patterns. Use when building with any framework or library where correctness matters. /source-driven-development by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/source-driven-development) - [ **/spec-driven-development**93k Creates specs before coding. Use when starting a new project, feature, or significant change and no specification exists yet. Use when drafting a PRD or requirements document with objectives and scope, or when requirements are unclear, ambiguous, or only exist as a vague idea. Use when a single requirement spans several independently testable capabilities and needs decomposing into a capability map of modules before specifying. /spec-driven-development by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/spec-driven-development) - [ **/test-driven-development**93k Drives development with tests using the red-green-refactor loop. Use when implementing any logic, fixing any bug, or changing any behavior. Use when you need to prove that code works, when a bug report arrives, or when you're about to modify existing functionality. /test-driven-development by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/test-driven-development) - [ **/using-agent-skills**93k 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 work at hand. This is the meta-skill that governs how all other skills are discovered and invoked. /using-agent-skills by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/using-agent-skills) ### [addyosmani/web-quality-skills](https://skilld.dev/gh/addyosmani/web-quality-skills) Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals. 6 skills 2.8k `npx skilld add gh:addyosmani/web-quality-skills` - [ **/accessibility**2.8k 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". /accessibility by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/accessibility) - [ **/best-practices**2.8k Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities". /best-practices by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/best-practices) - [ **/core-web-vitals**2.8k Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts". /core-web-vitals by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/core-web-vitals) - [ **/performance**2.8k Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit". /performance by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/performance) - [ **/seo**2.8k Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization". /seo by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/seo) - [ **/web-quality-audit**2.8k Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website". /web-quality-audit by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/web-quality-audit) Curated skills from @addyosmani. Checked GitHub just now