react-patterns
Implement React 19 patterns: React Compiler, Server Actions, Forms, and new hooks like 'use'. Guide decisions between Actions vs TanStack Query for mutations.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
130 skills found
Implement React 19 patterns: React Compiler, Server Actions, Forms, and new hooks like 'use'. Guide decisions between Actions vs TanStack Query for mutations.
Master v-click, v-after, and motion directives in Slidev to create progressive content reveals, interactive diagrams, and complex slide animations.
Interactive UI components for Claude Code and AI agents. Create confirmations, checklists, inputs, tables, and views to handle non-blocking interactions and monitoring.
Generate professional resumes with AI for Reactive Resume. Build, structure, and refine your resume content into valid JSON format for easy import to rxresu.me.
Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.
Generates GitHub-compatible Mermaid diagrams with tested color palettes, local SVG/PNG preview, and gist-based rendering support.
Architectural governance and project standards for React 19 SPA development, ensuring consistency in stack integration, project structure, and agent execution rules.
Design professional-grade brand identities using geometric primitives, negative space, and flat vector-style aesthetics via AI-driven branding logic.
Enforce strict UI adherence to your project's design system tokens, components, and layout patterns for consistent frontend implementation.
Build complete UI screens by composing multiple uxscii components. Use when you need to create, scaffold, or build .uxm screens like login, dashboard, profile, settings, or checkout pages.
Manage serverless messaging, task scheduling, and webhook verification with the official Upstash QStash JavaScript/TypeScript SDK.
A structured design and planning tool for Vizro dashboards, enforcing a 3-step workflow (requirements, layout, visualization) to ensure production-ready dashboard development.