# addyosmani > Open-source publisher. Listings imported from github.com/addyosmani — credited to the original author with their license. - **Listings:** 30 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/addyosmani - **Website:** https://github.com/addyosmani ## Published listings - [Accessibility](https://agentstack.voostack.com/l/skill-addyosmani-web-quality-skills-accessibility) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-web-quality-skills-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". - [Debugging And Error Recovery](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-debugging-and-error-recovery) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-debugging-and-error-recovery` Guides systematic root-cause debugging. Use when tests fail, builds break, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need a systematic approach to finding and fixing the root cause rather than guessing. - [Idea Refine](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-idea-refine) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-idea-refine` 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". - [Observability And Instrumentation](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-observability-and-instrumentation) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-observability-and-instrumentation` 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. - [Frontend Ui Engineering](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-frontend-ui-engineering) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-frontend-ui-engineering` Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated. - [Spec Driven Development](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-spec-driven-development) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-spec-driven-development` 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. - [Context Engineering](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-context-engineering) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-context-engineering` 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. - [Core Web Vitals](https://agentstack.voostack.com/l/skill-addyosmani-web-quality-skills-core-web-vitals) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-web-quality-skills-core-web-vitals` 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". - [Browser Testing With Devtools](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-browser-testing-with-devtools) — Skill · Free — `agentstack add skill-addyosmani-agent-skills-browser-testing-with-devtools` 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. - [Best Practices](https://agentstack.voostack.com/l/skill-addyosmani-web-quality-skills-best-practices) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-web-quality-skills-best-practices` 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". - [Using Agent Skills](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-using-agent-skills) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-using-agent-skills` Discovers and invokes agent skills. Use when starting a session or when you need to discover which skill applies to the current task. This is the meta-skill that governs how all other skills are discovered and invoked. - [Ci Cd And Automation](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-ci-cd-and-automation) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-ci-cd-and-automation` 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. - [Web Quality Audit](https://agentstack.voostack.com/l/skill-addyosmani-web-quality-skills-web-quality-audit) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-web-quality-skills-web-quality-audit` 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". - [Seo](https://agentstack.voostack.com/l/skill-addyosmani-web-quality-skills-seo) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-web-quality-skills-seo` 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". - [Api And Interface Design](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-api-and-interface-design) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-api-and-interface-design` 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. - [Performance](https://agentstack.voostack.com/l/skill-addyosmani-web-quality-skills-performance) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-web-quality-skills-performance` 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". - [Incremental Implementation](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-incremental-implementation) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-incremental-implementation` 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. - [Planning And Task Breakdown](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-planning-and-task-breakdown) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-planning-and-task-breakdown` 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. - [Git Workflow And Versioning](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-git-workflow-and-versioning) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-git-workflow-and-versioning` Structures git workflow practices. Use when making any code change. Use when committing, branching, resolving conflicts, or when you need to organize work across multiple parallel streams. - [Performance Optimization](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-performance-optimization) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-performance-optimization` Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Core Web Vitals or load times need improvement. Use when profiling reveals bottlenecks that need fixing. - [Test Driven Development](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-test-driven-development) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-test-driven-development` Drives development with tests. 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. - [Shipping And Launch](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-shipping-and-launch) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-shipping-and-launch` 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. - [Doubt Driven Development](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-doubt-driven-development) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-doubt-driven-development` Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when correctness matters more than speed, when working in unfamiliar code, when stakes are high (production, security-sensitive logic, irreversible operations), or any time a confident output would be cheaper to verify now than to debug later. - [Code Simplification](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-code-simplification) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-code-simplification` 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. - [Documentation And Adrs](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-documentation-and-adrs) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-documentation-and-adrs` Records decisions and documentation. Use when making architectural decisions, changing public APIs, shipping features, or when you need to record context that future engineers and agents will need to understand the codebase. - [Interview Me](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-interview-me) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-interview-me` 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 your… - [Source Driven Development](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-source-driven-development) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-source-driven-development` Grounds every implementation decision in official documentation. Use when you want authoritative, source-cited code free from outdated patterns. Use when building with any framework or library where correctness matters. - [Code Review And Quality](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-code-review-and-quality) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-code-review-and-quality` 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. - [Security And Hardening](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-security-and-hardening) — Skill · Free — `agentstack add skill-addyosmani-agent-skills-security-and-hardening` 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. - [Deprecation And Migration](https://agentstack.voostack.com/l/skill-addyosmani-agent-skills-deprecation-and-migration) — Skill · Free · security-reviewed — `agentstack add skill-addyosmani-agent-skills-deprecation-and-migration` Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to another. Use when deciding whether to maintain or sunset existing code. --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.