AI Agent Skills

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

Collection of handy online tools for developers, with great UX.

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.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

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

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…

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

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents

A design system built by IBM

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

An implementation of GitHub's Primer Design System using React

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.