design▌

$22

You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named DESIGN.md.

$21

Expert guide for creating and managing a centralized Design System using Tailwind CSS (v4.1+) and shadcn/ui. This skill provides structured workflows for defining design tokens, configuring themes with CSS variables, and building a consistent UI component library based on shadcn/ui primitives.

Source: fsd.how | Strictness can be adjusted based on project scale and team context.

Creates beautiful, original visual art and designs in .png and .pdf formats. Specializes in applying design principles, color theory, typography, and composition to produce professional-quality static visual pieces. Always creates original work, never copies existing artists.

Build applications where agents are first-class citizens — not afterthoughts.

Expert guidance for designing beautiful, accessible, and platform-native mobile app interfaces following 2025 best practices.

Guide for designing and implementing native-feeling, "good Mac citizen" apps: fast, elegant, accessible, and deeply integrated with macOS workflows.

This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.