AI Agent Skills

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

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

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

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi D…

An easy and fast way to create a Python GUI 🐍

A comprehensive React UI components library based on Arco Design

A Vue.js 3 UI Library based on Arco Design

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

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

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…

A design system built by IBM

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

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

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

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library