Stats
Actions
Available In
Tags
Plugin
claude-skills
Explains code with visual ASCII diagrams, everyday analogies, and step-by-step walkthroughs, highlighting common gotchas to help developers understand or teach a codebase.
What's Inside
Skills31
adr
/adr
Write an Architecture Decision Record (ADR) documenting a technical decision with context, options considered, and rationale. Use when a significant technical decision needs to be documented.
animation-design
/animation-design
Design animations for React/Next.js components using Framer Motion (Motion) or GSAP. Covers entrances, scroll-triggered reveals, page transitions, stagger effects, and interactive micro-animations. Respects user motion preferences.
api-design
/api-design
Design a RESTful or GraphQL API with endpoints, schemas, error handling, and versioning strategy. Use when starting a new API or extending an existing one.
brand-intake
/brand-intake
Interview the user about their brand guidelines, aesthetics, and design preferences before building any UI. Produces a structured Brand Profile used by all other frontend skills. Always invoke first before design-system-init or component-design.
breakdown
/breakdown
Decompose an epic or large feature into stories and tasks ready for sprint planning. Produces a structured backlog. Use when given a feature, epic, or milestone to break down.
Stats
Version0.3.0
LanguageShell
Stars5
MaintenanceExcellent
LicenseMIT
Last Commit
Added
Available In
Tags
Topics
Categories
