Addyosmani Skills
by @addyosmani · 24 skills
Addyosmani Skills from addyosmani/agent-skills.
Install the whole pack (CLI)
npx skillmds add addyosmani/idea-refine
npx skillmds add addyosmani/interview-me
npx skillmds add addyosmani/using-agent-skills
npx skillmds add addyosmani/code-simplification
npx skillmds add addyosmani/context-engineering
npx skillmds add addyosmani/code-review-and-quality
npx skillmds add addyosmani/shipping-and-launch
npx skillmds add addyosmani/spec-driven-development
npx skillmds add addyosmani/ci-cd-and-automation
npx skillmds add addyosmani/doubt-driven-development
npx skillmds add addyosmani/documentation-and-adrs
npx skillmds add addyosmani/incremental-implementation
npx skillmds add addyosmani/security-and-hardening
npx skillmds add addyosmani/git-workflow-and-versioning
npx skillmds add addyosmani/planning-and-task-breakdown
npx skillmds add addyosmani/frontend-ui-engineering
npx skillmds add addyosmani/browser-testing-with-devtools
npx skillmds add addyosmani/test-driven-development
npx skillmds add addyosmani/api-and-interface-design
npx skillmds add addyosmani/performance-optimization
npx skillmds add addyosmani/deprecation-and-migration
npx skillmds add addyosmani/source-driven-development
npx skillmds add addyosmani/debugging-and-error-recovery
npx skillmds add addyosmani/observability-and-instrumentationSkills in this pack
- ▌ idea-refine · addyosmani bundleTransforms vague ideas into structured, actionable concepts through guided divergent and convergent thinking, producing a markdown one-pager.
- ▌ interview-me · addyosmaniExtracts the user's true intent through one-question-at-a-time interviews, surfacing hidden assumptions before any plan or code is written.
- ▌ using-agent-skills · addyosmaniDiscovers and invokes agent skills by mapping tasks to development phases, with core operating behaviors for assumption surfacing, confusion management, and scope discipline.
- ▌ code-simplification · addyosmaniSimplify code by reducing complexity while preserving exact behavior, making it easier to read, understand, modify, and debug.
- ▌ context-engineering · addyosmaniOptimizes agent context setup by structuring rules, specs, source files, error output, and conversation history to improve output quality.
- ▌ code-review-and-quality · addyosmaniConducts multi-axis code review across correctness, readability, architecture, security, and performance before merging any change.
- ▌ shipping-and-launch · addyosmaniProvides a structured pre-launch checklist, staged rollout plan, monitoring setup, and rollback strategy for safe production deployments.
- ▌ spec-driven-development · addyosmaniCreates structured specifications before writing code to clarify requirements, surface assumptions, and define success criteria, reducing rework and miscommunication.
- ▌ ci-cd-and-automation · addyosmaniAutomates CI/CD pipeline setup, quality gates, test runners, and deployment strategies for GitHub Actions.
- ▌ doubt-driven-development · addyosmaniSubjects every non-trivial decision to a fresh-context adversarial review before it stands, prioritizing correctness over speed for high-stakes or unfamiliar code.
- ▌ documentation-and-adrs · addyosmaniRecords architectural decisions and documentation to capture the context, constraints, and trade-offs behind codebase choices.
- ▌ incremental-implementation · addyosmaniDelivers changes incrementally by building in thin vertical slices, testing and verifying each piece before moving to the next.
- ▌ security-and-hardening · addyosmaniHardens code against vulnerabilities by applying threat modeling, OWASP Top 10 prevention patterns, and secure coding practices for web applications.
- ▌ git-workflow-and-versioning · addyosmaniStructures git workflow practices for committing, branching, resolving conflicts, and organizing work across multiple parallel streams.
- ▌ planning-and-task-breakdown · addyosmaniDecompose work into small, verifiable tasks with explicit acceptance criteria, ordered by dependencies and sliced vertically for reliable implementation.
- ▌ frontend-ui-engineering · addyosmaniBuild production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.
- ▌ browser-testing-with-devtools · addyosmaniTests and debugs web applications in real browsers using Chrome DevTools MCP, enabling DOM inspection, console error capture, network analysis, performance profiling, and visual verification with live runtime data.
- ▌ test-driven-development · addyosmaniDrive development with tests by writing a failing test before implementing code, and reproduce bugs with tests before fixing them.
- ▌ api-and-interface-design · addyosmaniDesign stable, well-documented interfaces that are hard to misuse, including REST APIs, GraphQL schemas, module boundaries, and component props.
- ▌ performance-optimization · addyosmaniMeasures application performance first, identifies bottlenecks, and applies targeted fixes for frontend and backend systems.
- ▌ deprecation-and-migration · addyosmaniGuides the process of deprecating old systems, APIs, or features and migrating users to replacements, including decision frameworks, migration patterns, and removal strategies.
- ▌ source-driven-development · addyosmaniGrounds every implementation decision in official documentation, ensuring authoritative, source-cited code free from outdated patterns.
- ▌ debugging-and-error-recovery · addyosmaniProvides a structured triage process for debugging test failures, build errors, runtime bugs, and production incidents, including steps to reproduce, localize, fix, and guard against recurrence.
- ▌ observability-and-instrumentation · addyosmaniAdds logging, metrics, tracing, and alerting to make production behavior visible and diagnosable.