vercel-composition-patterns
React composition patterns for scalable codebases. Refactor complex components, build flexible libraries, and implement compound components or React 19 architecture patterns.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
113 skills found
React composition patterns for scalable codebases. Refactor complex components, build flexible libraries, and implement compound components or React 19 architecture patterns.
An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.
Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.
UI/UX design assistant that enforces component library usage, accessibility, and design tokens for React/Next.js projects. Ensures consistent visual output using shadcn/ui, Aceternity, and other approved libraries.
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.
Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.
Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.
A design system and anti-pattern guide to make AI-generated UI look human-crafted. Ensures professional aesthetics by managing color, typography, spacing, and animations for the Toh Framework.
Expert guidance for SolidStart server runtime, including request events, middleware, server functions, and API architecture.
Create structured user stories using the Mike Cohn format with Gherkin acceptance criteria to translate requirements into testable, development-ready tasks.
Generate professional, single-file HTML presentations with speaker notes. Supports themes, layouts, and PPTX export for decks, talks, and pitches.