--- title: "Addy Osmani (@addyosmani) skills · skilld" canonical_url: "https://skilld.dev/gh/addyosmani" last_updated: "2026-05-08T17:20:21.994Z" meta: description: "14 agent skills curated by Addy Osmani on skilld. Performance, accessibility, core-web-vitals." "og:description": "14 agent skills curated 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 14 skills2 repos 81k Sunnyvale, California Synced 8 days ago Mostly·Performance, accessibility, core-web-vitals [GitHub](https://github.com/addyosmani) [Website](https://www.addyosmani.com) ## Skills ### [addyosmani/agent-skills](https://skilld.dev/gh/addyosmani/agent-skills) Production-grade engineering skills for AI coding agents. 8 skills 81k `npx -y skilld add gh:addyosmani/agent-skills` - [ **/api-and-interface-design**81k 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) - [ **/code-review-and-quality**81k 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) - [ **/frontend-ui-engineering**81k 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) - [ **/incremental-implementation**81k Delivers changes incrementally. Use when implementing any feature or change that touches more than one file. Use 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) - [ **/performance-optimization**81k 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) - [ **/security-and-hardening**81k Hardens code against vulnerabilities. Use when handling user input, authentication, data storage, or external integrations. Use when building any feature that accepts untrusted data, manages user sessions, or interacts with third-party services. /security-and-hardening by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/security-and-hardening) - [ **/shipping-and-launch**81k Prepares production launches. Use when preparing to deploy to production. 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) - [ **/spec-driven-development**81k Creates specs before coding. Use when starting a new project, feature, or significant change and no specification exists yet. Use when requirements are unclear, ambiguous, or only exist as a vague idea. /spec-driven-development by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/spec-driven-development) ### [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.6k `npx -y skilld add gh:addyosmani/web-quality-skills` - [ **/accessibility**2.6k 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.6k 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.6k Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. 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.6k 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.6k 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.6k Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. 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. Synced just now