AI Agent Skills

현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로 전달해 디자인을 생성한 뒤 결과 링크를 터미널에 클릭 가능한 형태로 돌…

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

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.

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

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

🚀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 design system built by IBM

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

Chakra UI is a component system for building SaaS products with speed ⚡️