Skill UI

This expert skill guides the creation of comprehensive, highly structured, and implementation-ready design system guidelines based on Material Design principles. It ensures consistency across visual style, accessibility (WCAG 2.2 AA), and component behavior. The output is actionable documentation covering tokens, states, variants, and anti-patterns, suitable for guiding both engineers and designers.

This comprehensive guide teaches how to author rigorous, implementation-ready design system documentation. It establishes foundational tokens (colors, spacing, typography) and defines component anatomy across all states (e.g., default, focus-visible, error). The focus is on creating accessible, high-contrast, bold interfaces that comply with WCAG 2.2 AA standards.

This comprehensive guide acts as an expert framework for developing a complete, accessible design system using Neumorphism principles. It provides structured instructions covering visual foundations, design tokens, component states (default, hover, error, etc.), accessibility requirements (WCAG 2.2 AA), and content standards, ensuring engineers and designers build consistent and highly usable interfaces.

A rigorous, YC-style interrogation tool designed to force founders to validate their core business assumptions before seeking advice. It demands concrete answers across six critical dimensions: Problem, Customer, Distribution, Defensibility, Capital, and Founder Fit. Use this before strategic pivots, major initiatives, or fundraising to prevent solutionism and surface fundamental weaknesses.

This command initiates a structured founder interview to capture critical, durable facts about the company. It covers basics, business models, financials, and strategic priorities across 12 key areas. The output, `company-context.md`, serves as the single source of truth for all AI agents and advisors, ensuring all decision-making is based on accurate, comprehensive company context rather than assumptions.

This skill acts as an expert guide for authoring comprehensive, implementation-ready design system documentation. It structures guidelines covering foundational design tokens (color, spacing, typography), detailed component anatomy, interaction states, and WCAG accessibility standards. Ideal for product designers and engineers needing to define a cohesive and scalable UI language.

A comprehensive guide for creating a robust design system based on perspective techniques. It details foundational tokens (color, typography, spacing), component rules (states, variants), and accessibility criteria (WCAG 2.2 AA). Use this skill to ensure scalable, realistic, and highly usable UI components with structured implementation.

This tool conducts an honest, rigorous retrospective on executed business decisions. It systematically scores outcomes against pre-committed success/kill criteria, audits initial assumptions, and revisits preserved dissent. It is crucial for closing the strategic sprint loop and generating actionable organizational learning.

This guideline defines the rigorous structure and expertise required to author professional, production-ready design systems. It covers brand foundations, essential design tokens (color, typography, spacing), detailed component anatomy, WCAG 2.2 AA accessibility rules, and a complete, structured workflow. Use this skill to create highly consistent, scalable, and implementation-ready design documentation for engineering and design teams.

This comprehensive skill provides expert guidelines for authors building a Retro-themed design system. It establishes foundational rules, including high-contrast color palettes, expressive typography scales (e.g., Macondo), and structured spacing tokens. It ensures strict adherence to WCAG 2.2 AA accessibility standards and outlines a rigorous workflow for component development, allowing engineers and designers to build consistent, visually rich, and usable UIs with a unique vintage flair.

Provides expert-level, implementation-ready guidelines for Skeuomorphism design systems. It covers foundational elements like color palettes, typography scales, and spacing rules, combined with WCAG 2.2 AA accessibility standards. Users can build intuitive, familiar, and highly relatable digital interfaces by mimicking real-world textures and physical metaphors.

This comprehensive guide establishes the standards for a modern, minimalist, and highly functional design system. It defines foundational elements like typography, color tokens, and spacing scales, while strictly adhering to WCAG 2.2 AA accessibility. It provides structured workflows, detailed component rules, and quality gates for both designers and engineers to ensure consistent, usable, and aesthetically pleasing product experiences.