React and Next.js
Implementation, composition, performance, and interface quality for modern React applications.
Why this collection exists
Give coding agents current framework discipline without replacing repository-specific judgment.
Prompts
Use these directly when the moment calls for a focused process.
Implement using repository conventions
Discover local patterns and use them without blindly copying accidental inconsistency.
Implement one vertical slice
Deliver a small end-to-end behavior with tests and repository-aligned structure.
Review an implementation before calling it finished
Audit a completed change against intent, repository standards, and forgotten states.
Improve responsive behavior
Preserve hierarchy and task flow across widths instead of merely stacking columns.
Skills
Install these when the discipline should remain available across sessions.
React Best Practices
Applies performance and architecture guidance to React and Next.js implementation.
Composition Patterns
Builds flexible React component APIs without accumulating prop and conditional complexity.
Web Design Guidelines
Reviews interface code for accessibility, usability, and web-platform conventions.
Impeccable
A cohesive design language for AI coding agents with commands for shaping, critiquing, polishing, adapting, and hardening interfaces.
Workflows
Follow these when the work spans several distinct stages.
Ship one vertical feature slice
Implement a settled behavior through the existing architecture with a short feedback loop and controlled scope.
Build a high-craft interface from a reference
Extract hierarchy and atmosphere from visual references while keeping the result specific to the current product.