AI Agent Skills

Created from react styleguidist for Vue Components with a living style guide

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.

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

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, wh…

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.

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