AI Agent Skills

Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, o…

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

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

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

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.

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · ima…

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

An easy and fast way to create a Python GUI 🐍

A comprehensive React UI components 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