Skill UI

Act as an expert design-system guideline author specializing in the Shadcn aesthetic. This skill generates comprehensive, implementation-ready design system documentation, covering foundational tokens (color, spacing, typography), component anatomy, interaction states (hover, focus, error), and strict accessibility requirements (WCAG 2.2 AA). It enforces semantic consistency and provides structured guidelines for developers and designers to build robust, clean UI components.

Acts as an expert guide for generating comprehensive, implementation-ready design system documentation. It enforces strict best practices covering visual foundations, component anatomy, accessibility standards (WCAG 2.2 AA), and structured writing workflows, ensuring consistency and clarity for engineering and design teams.

This skill establishes an expert persona and comprehensive workflow for generating high-quality, implementation-ready design system guidelines. It mandates adherence to a specific "Sketch" hand-drawn aesthetic, defines foundational tokens (color, typography, spacing), and enforces best practices regarding accessibility (WCAG 2.2 AA) and structured documentation (e.g., anti-patterns, QA checklists).

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.

This skill provides expert guidance on creating comprehensive, implementation-ready design system documentation. It covers visual foundations (color, typography, spacing), component anatomy, interaction states, and rigorous accessibility standards (WCAG 2.2 AA). Use it to ensure product consistency and quality across engineering and design teams.

This comprehensive guide provides expert, implementation-ready guidelines for building narrative-driven digital experiences. It covers foundational elements like visual style, typography, color tokens, and spacing, alongside strict component rules and accessibility standards (WCAG 2.2 AA). Use it to transform functional interfaces into emotionally resonant and memorable user journeys.

This guide teaches you how to function as an expert design-system guideline author for the 'Vibrant' brand. It provides comprehensive, implementation-ready documentation covering foundational tokens (color, typography, spacing), detailed component rules (states, variants, interactions), and adherence to WCAG 2.2 AA accessibility standards. The output is structured, actionable, and includes quality assurance checklists for both designers and engineers.

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.

Provides strategic operational guidance for startup VPEs, focusing on maximizing delivery throughput using DORA metrics, optimizing the engineering hiring funnel, designing scalable team structures (squad/tribe), and establishing robust production disciplines. Use when scaling pains hit, delivery slows, or organizational design is unclear.

A throughput-first interrogation tool simulating a VP of Engineering review. It pressure-tests major organizational plans—including delivery commitments, hiring expansion, team structure changes, and production discipline updates—across six critical dimensions: DORA metrics, cycle time analysis, funnel health, team scaling, and operational maturity. Ensures engineering processes are robust before major commitments.

This expert framework guides users through the systematic process of conducting rigorous A/B tests and growth experiments. It covers all stages: formulating strong hypotheses, selecting appropriate metrics (primary, secondary, guardrail), calculating necessary sample sizes, and choosing the best implementation method (client-side vs. server-side). Use this when planning to compare two versions or build a systematic growth experimentation program.

Provides expert guidance on creating, optimizing, and scaling paid advertising campaigns across major platforms like Google Ads, Meta, and LinkedIn. It covers audience targeting, campaign structure, ad copy frameworks (PAS, BAB), creative best practices, and key performance metrics (CPA, ROAS) to ensure efficient customer acquisition and maximize ROI.