5,690 skills sorted by stars.
Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keybo...
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momen...
C++ coding conventions. Use when editing .cpp/.hpp files or asking about C++ style.
Fix React Rules of Hooks violations - conditional calls, hooks in loops/callbacks/classes
Reference for selecting distinctive typography. Includes font recommendations by vibe, category, archetype, and pairing...
Use when designing, tuning, or auditing revenue forecast models.
Multi-role requirement analysis and task breakdown workflow using 4 specialized AI agents (PM, UX, Tech, QA). Each agent...
Building create/edit forms with FormField components, validation integration, and save patterns
This skill should be used when generating React forms with React Hook Form, Zod validation, and shadcn/ui components. Ap...
React Hook Form and Zod for React Native forms. Use when implementing forms.
Builds multi-step forms with validation schemas (Zod/Yup), step components, shared state management, progress indicators...
Manages React form state with Formik using validation, field arrays, and form context. Use when building complex forms i...
This skill should be used when the user asks to "use formily with ant design", "formily antd components", "formily ant d...
This skill should be used when the user asks to "convert to formily", "formily migration", "migrate forms to formily", "...
HTML-first form patterns with CSS-only validation. Use when building accessible forms with the form-field custom element...
Build reactive and template-driven forms, implement custom validators, create async validators, add cross-field validati...
Generate professional slide decks and presentations using Formula Botanica brand guidelines - green botanical theme with...
Apply Forth AI brand guidelines when creating frontends. Use for UI components, pages, applications, and design systems....
Help founders run companies using contrarian principles with real examples from successful founders. Challenge standard...
HTML/reveal.js content generation guide. Use this skill when you need to create HTML presentations that can be previewed...
Integrates design tokens with Framer for prototyping and production sites. Use when adding CSS custom properties to Fram...
Add Framer Motion micro-animations to page sections. Includes section reveals, staggered lists, hover effects, and perfo...
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions,...
Load when working with any katachi framework command. Provides workflow principles, status tracking conventions, and dec...
Reference manual for framework methodology throughout session. Provides guidance on cognitive architecture that replaces...
TypeScript with popular frameworks like NestJS, React, and Next.js
Analyzes Fulfil order data to determine profitable free shipping thresholds using order value distribution, hero product...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...