AI Agent Skills

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

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/…

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.

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

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

A comprehensive React UI components library based on Arco Design

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

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

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without cla…

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

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

GUI for ChatGPT API and many LLMs. Supports agents, file-based QA, GPT finetuning and query with web search. All with a neat UI.

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.