design▌

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.

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

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

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.

postgres-schema-design

Comprehensive design rules for Apple Vision Pro based on Apple Human Interface Guidelines. These rules ensure spatial computing apps are comfortable, intuitive, and consistent with platform conventions.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.