Patterns for building reactive apps including subscription management, optimistic updates, cache behavior, and...
Development
Code generation, debugging, testing, and development workflows
Writing queries, mutations, actions, and HTTP actions with proper argument validation, error handling, internal...
Guidelines for building production-ready Convex apps covering function organization, query patterns, validation,...
Guidelines and examples for UI motion and animation. Use when designing, implementing, or reviewing motion, easing,...
Implementation standards for React/TypeScript/Next.js. Use when writing or reviewing frontend code, especially...
Test code with WordPress by starting a WordPress server. Use when testing changes to a WordPress plugin, a WordPress...
Use when writing tests that share state. Use when tests depend on other tests. Use when test order matters.
Use when implementing any new feature or function. Use when asked to "add tests later". Use when writing code before tests.
Always active. Tracks usage of code-craft skills across sessions. Log skill applications to enable analytics and...
Use when creating or modifying classes, modules, or functions. Use when feeling pressure to add functionality to...
Use when component does too many things. Use when mixing data fetching, logic, and presentation. Use when code is...
Use when working with API keys, passwords, or credentials. Use when asked to hardcode secrets. Use when secrets might leak.
Use when adding new functionality to existing code. Use when tempted to add if/else or switch branches. Use when...
Use when creating subclasses or implementing interfaces. Use when tempted to override methods with exceptions or...
Use when tempted to write clever code. Use when solution feels complex. Use when showing off skills instead of...
Use when creating mutation endpoints. Use when trusting frontend to prevent duplicates. Use when payments or...
Use when exposing internal state. Use when making fields public for convenience. Use when external code modifies...
Use when writing similar code in multiple places. Use when copy-pasting code. Use when making the same change in...
Use when a class creates its own dependencies. Use when instantiating concrete implementations inside a class. Use...
Use when writing tests. Use when test structure is unclear. Use when arrange/act/assert phases are mixed.
Vue is the progressive JavaScript framework - adopt as much or as little as you need. From sprinkles of reactivity...
World-class UX design expertise combining Don Norman's human-centered principles, IDEO's design thinking...
Good tests give you confidence to ship. Bad tests give you a false sense of security while slowing you down. The...
Expert in making the business case for technical debt reduction. Covers quantifying debt costs, getting stakeholder...