Design AI Agent Skills

A design language system with 1 skill, 20 commands, and curated anti-patterns for impeccable frontend design. Enhances AI code generation tools to produce better, non-generic interfaces across typography, color, spatial design, motion, interaction, responsive design, and UX writing.

Instead of generic AI design help, Design Studio loads specialized design knowledge for each task — the right expertise activates based on what you're building. Quick Start · Commands · The Team · How It Works · Changelog Running /design Build a pricing page with monthly/annual toggle automatically loads UI Designer, Content Designer, Motion Designer, and Design System Lead references — each contr

Tailwind CSS and UI component best practices for modern web applications

Design Skill OS is not just a document; it's a professional-grade reasoning layer that transforms standard AI outputs into elite-level design masterworks. We have exhaustively synthesized principles from the "Design Bibles" to prime your AI agent with the strategic intent of a world-class Creative Director. The intelligence core is distilled from the collective wisdom of masters: - Milton Glaser (

Figma to Flutter MCP Server 🌐 Available in: 한국어 (Korean) | 日本語 (Japanese) | 简体中文 (Simplified Chinese) | 繁體中文 (Traditional Chinese) Utilize Figma's rich data in your coding agent. Implement designs in Flutter way! Use Cursor or other AI-powered tools to access Figma's rich files, data, components and much more using MCP server. - 🦋 Observable Flutter 70 - 🎥 Short Video Demo - 📝 Getting Started