@addyosmani
Covers backend, testing, frontend, and product areas, known for accessibility, seo, performance.
All Skills by @addyosmani
code-review-and-quality
by @addyosmani
Multi-dimensional code review and quality gates, automatically checking correctness, readability, architecture, security, and performance, ensuring every merge passes a five-dimensional quality assessment.
security-and-hardening
by @addyosmani
Web application secure development practices, treating all external input as hostile, every key as sacred, and every authorization check as mandatory; security is a constraint, not a phase.
frontend-ui-engineering
by @addyosmani
Build production-grade accessible, high-performance, visually stunning user interfaces, following real design system specifications, achieving the development standards of top company design-aware engineers.
accessibility
by @addyosmani
Audit and improve web page accessibility according to WCAG 2.2 guidelines, ensuring smooth usage for all users.
spec-driven-development
by @addyosmani
Create structured technical specification documents before writing code, clarifying functional goals, acceptance criteria, and technical solutions, avoiding rework and deviations during implementation.
planning-and-task-breakdown
by @addyosmani
Intelligently break down large development tasks into subtasks with clear acceptance criteria, improving the reliability of task completion through verifiable steps.
documentation-and-adrs
by @addyosmani
Document decision context and trade-offs, not just code implementation, but explaining why it was designed this way, helping teams understand architectural decision history.
code-simplification
by @addyosmani
Automatically refactor complex code, improving readability and performance, generating structured comments, and removing redundant logic.
debugging-and-error-recovery
by @addyosmani
Systematic debugging and structured triage, preserving evidence and following checklists to find root causes, avoiding time wasted on guesswork.
api-and-interface-design
by @addyosmani
Design stable, misuse-resistant interfaces, making correct operations simple and incorrect operations difficult, applicable to all code boundaries like REST API, GraphQL, component props.
incremental-implementation
by @addyosmani
Adopt a thin vertical slice strategy to incrementally build features, keeping the system testable with each increment, avoiding large-scale refactoring risks.
git-workflow-and-versioning
by @addyosmani
Treat Git commits as archive points, branches as sandboxes, providing version control best practices in the era of high-speed AI code generation.
using-agent-skills
by @addyosmani
Engineering skill index organized by development stage, automatically identifying current tasks and recommending best practices, covering the entire process from design to deployment.
idea-refine
by @addyosmani
Refine raw ideas into executable concepts through divergent and convergent thinking, asking sharp questions, generating variations, and evaluating feasibility.
browser-testing-with-devtools
by @addyosmani
Empower Agent with browser visual capabilities through Chrome DevTools MCP, inspecting DOM, reading console, analyzing network requests, compensating for static analysis limitations.
shipping-and-launch
by @addyosmani
Safe release practices, ensuring deployments are observable, rollbackable, and incremental. Configure monitoring and alerts before deployment, define success metrics, and prepare rollback plans.
ci-cd-and-automation
by @addyosmani
Automatically set code quality gates, ensuring every change passes tests, lint, type checks, and builds, with continuous integration guaranteeing code quality.
source-driven-development
by @addyosmani
Enforces all framework-specific code decisions to be validated based on official documentation, ensuring implementation accuracy and timeliness, avoiding reliance on outdated memory.
deprecation-and-migration
by @addyosmani
deprecation-and-migration, AI Agent Skill, improves work efficiency and automation capabilities.
interview-me
by @addyosmani
This skill extracts the user's true intent through a one-question-at-a-time interview, clarifying underlying needs before any plan, spec, or code exists. It effectively prevents development deviations and rework caused by ambiguous requirements, ensuring project alignment with user expectations. This significantly boosts development efficiency and user satisfaction with the final outcome.
doubt-driven-development
by @addyosmani
Doubt-Driven Development is a discipline that subjects every non-trivial decision to a fresh-context adversarial review before it stands. It's crucial when correctness outweighs speed, working with unfamiliar code, or facing high stakes like production deployments or security-sensitive logic. This approach ensures the quality and reliability of decisions and code, preventing costly debugging later by proactively identifying flaws and unstated assumptions.
observability-and-instrumentation
by @addyosmani
This skill instruments code to make production behavior visible and diagnosable. It provides comprehensive observability data through structured logging, detailed metrics, distributed tracing, and effective alerting mechanisms. By leveraging this skill, users can gain deep insights into their system's runtime status, quickly identify root causes of issues, and efficiently resolve them, thereby ensuring stable, reliable, and high-performing operations in production environments.
seo
by @addyosmani
Search Engine Optimization (SEO), improving website content and technical structure to enhance its visibility and ranking in search engines, attracting more organic traffic.
performance
by @addyosmani
Optimize website performance for faster loading speeds and better user experience, addressing slow loading issues.
web-quality-audit
by @addyosmani
Provides comprehensive Web quality audits covering performance, accessibility, and SEO, ensuring high-quality website operation and industry standard compliance.
core-web-vitals
by @addyosmani
Optimizes Core Web Vitals (LCP, INP, CLS), improving page load speed, interactivity, and visual stability, enhancing user experience.
best-practices
by @addyosmani
Applies modern frontend development best practices to ensure Web applications excel in security, performance, maintainability, and user experience.