Skill UI

A comprehensive skill for building beautiful, accessible, and production-ready user interfaces. It combines the modularity of shadcn/ui components (built on Radix UI), the utility-first flexibility of Tailwind CSS, and the visual power of canvas-based design systems. Use this skill for implementing complete design systems, creating responsive layouts, managing themes (including dark mode), and generating polished visual assets across multiple applications.

This skill performs a comprehensive usability audit and heuristic evaluation of interactive user interfaces (UIs). It goes beyond mere visual aesthetics, assessing whether a system is intuitive, easy to learn, and functional for a first-time user. Use it when auditing complex tools, editors, or apps to ensure the user can complete primary tasks without needing extensive instructions or guidance.

This sophisticated skill is designed to locate the root cause of a confirmed software failure. It performs a systematic, semi-formal tracing process: first tracing backward from the observed failure point (using provided stack traces, assertions, or error messages) to identify the original premise, and then tracing forward to confirm the symptom. It outputs a highly structured report detailing the divergence, premises, and remedy.

This skill is designed for complex, multi-step tasks requiring coordination among multiple AI agents. It implements a robust workflow engine that first generates a detailed plan (task graph, topology) and then orchestrates parallel execution with adversarial verification. Use this when the task spans many files, requires multiple specialized roles, or involves an overall 'workflow' concept, ensuring structured, reliable, and auditable results.

A standardized three-screen template illustrating the complete mobile onboarding journey. This sequence typically includes a brand splash screen, a value proposition screen highlighting key benefits, and a final sign-in/signup screen with primary CTAs. Ideal for designing the first impression of a new app.

This model provides an engineering operational framework for teams that leverage AI agents to generate large volumes of code. It shifts the focus from simple syntax to process quality, robust architecture design, rigorous testing, and systematic risk control, ensuring the development of highly stable and reliable systems in AI-assisted environments.

A PreToolUse hook that forces Claude to investigate before editing files. It denies the first edit, demands concrete facts like importers and data schemas, then allows retry—raising design depth by an average of 2.25 points in A/B tests.

Orchestrates bootstrapping a working MVP from a design or spec document: ingest the SDD/PRD, plan thin vertical slices, scaffold the first end-to-end slice, then drive a generator-evaluator build loop with review gates and gated feat commits.

This tool is designed to manage the process of altering an existing, functional feature to meet a new desired specification. It ensures a structured workflow: first, update the existing test cases to reflect the new behavior; second, modify the underlying implementation to pass these updated tests; finally, complete through review and gated commit. Use this when the feature works but its behavior needs adjustment.

This skill transforms you into an expert design system guideline author, specializing in creating structured, implementation-ready documentation for the Power brand. It provides a comprehensive workflow covering style foundations (color, typography, spacing), component anatomy, accessibility standards (keyboard-first, high contrast), and quality gates. Use it to ensure all digital products maintain superior aesthetic consistency, usability, and accessibility.

This skill acts as an expert design system guideline author for the Roku brand. It provides structured, implementation-ready guidance covering style foundations, component anatomy, accessibility (WCAG 2.2 AA), and advanced authoring workflows. It ensures consistent, developer-first UX/UI design principles for modern dashboards.

A structured workflow designed to prevent 'reinventing the wheel.' Before writing custom code, this skill guides the user through analyzing needs, conducting parallel searches across multiple channels (npm, PyPI, GitHub, MCP), evaluating candidate solutions based on maintainability and community support, and making a decision (Adopt, Extend, or Custom Build). It ensures that solutions leverage existing, proven libraries and patterns.