Design skills

This skill helps you design and optimize Product Hunt gallery images to showcase features, tell a compelling story, and maximize conversions.

This skill helps you replace inheritance with composition by guiding you to assemble behaviors via interfaces and injectables for flexible class design.

This skill writes precise technical implementation docs with structured sections, Mermaid diagrams, and a Code Index tailored for developers and users.

This skill helps you create and manage Miro boards for strategy, architecture, and sprint planning using MCP with color-coded elements.

This skill converts Markdown into beautified HTML optimized for WeChat public account publishing, applying AI-tech theme styles, code highlighting, and

This skill enables runtime behavior selection using the Strategy pattern by binding multiple implementations to a shared interface across Laravel and Vue apps.

This skill helps you stabilize Laravel flows by applying the Template Method pattern and pluggable strategies, extending via new classes.

This skill helps you design Shopify Admin interfaces using Polaris React to deliver a native, accessible, and merchant-focused experience.

This skill helps you design and manage scalable microservices, define bounded contexts, and plan API contracts to smoothly migrate from monoliths.

This skill helps you optimize signup flows to maximize conversion by reducing friction, selecting fields, and choosing single-step vs multi-step forms.

This skill guides you to choose between Combine and async/await, design robust operator chains, and prevent memory leaks in reactive streams.

This skill routes GLSL shader tasks to core or specialized skills, guiding you to combine fundamentals, noise, sdf, and effects for polished results.

This skill helps you apply the Open/Closed Principle by guiding you to add new behavior via extensions rather than modifying existing code.

This skill guides expert decision making for error handling, designing error hierarchies, recovery strategies, and user-facing presentation.

This skill helps you place error handling at architectural boundaries, enabling graceful degradation and preventing cascading failures.

This skill routes building mechanics through focused sub-skills to optimize performance, physics, multiplayer, terrain, decay, and UX in Three.js projects.

This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.

This skill helps you generate and optimize GLSL procedural noise setups for realistic textures, terrain, clouds, and fluids with versatile noise types.

This skill helps you write safer TypeScript code by avoiding deep property access and encouraging explicit data access patterns.

This skill provides expert MVVM architecture guidance for iOS/tvOS, guiding ViewModel patterns, service boundaries, DI, and testing strategies.

This skill helps you design consistent REST and GraphQL APIs with clear naming, robust error handling, pagination, and versioning for easier maintenance.