Skill UI

This is an expert guideline for creating a modern, Vercel/GitHub-inspired application design system. It provides comprehensive, implementation-ready rules, design tokens, and best practices for building a developer-first dashboard. It covers typography, layout, component states, accessibility (WCAG 2.2 AA), and includes a structured workflow for maintaining visual consistency across the entire application.

This skill assists in designing user flows and navigation structures based on proven UX patterns. It covers information architecture, navigation patterns like hub and spoke, and screen flow rules. It outputs ASCII flow diagrams, screen inventories, and edge cases. Suitable for planning mobile app and web interface structures before implementing specific pages or copy.