AI Agent Skills

Build consistent, themeable React apps based on constraint-based design principles

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-…

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not loo…

Dynamic, theme-driven, style props for vanilla-extract.

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design toke…

Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend. Ensures agents follow Feature-Sliced Design and use the generated OpenAPI t…

Dynamic React Big Calendar styled with Shadcn’s CSS variables for seamless light/dark theme support. Pure CSS, Next.js compatible. Perfect for event scheduling!

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

A modern Shopping Cart built with ESMate, Next.js, React.js, ShadCN, ESLint, Prettier, GraphQL, and Shopify Hydrogen.