Skill UI

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.

Skill Scout is a crucial pre-creation workflow designed to prevent the duplication of effort. Before building a new skill, it systematically searches local, marketplace, GitHub, and web sources. It not only finds potential matches but also rigorously vets them for security, maintenance status, and relevance, providing the user with clear options: Use Existing, Fork/Extend, or Create New.

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 tool simulates a rigorous, relentless interview process designed to stress-test any plan, design, or architectural concept. It forces the user to walk through every decision branch, resolving dependencies one by one until a comprehensive, shared understanding is achieved. Ideal for developers and product managers needing to validate complex system designs or roadmaps.

Universal deep research agent team with 13-agent pipeline for rigorous academic research on any topic. Supports 8 modes including full research, quick brief, paper review, literature review, fact-check, three-way literature scan, Socratic guided research dialogue, and systematic review with optional meta-analysis. Covers research question formulation, methodology design, systematic literature search, source verification, cross-source synthesis, risk of bias assessment, meta-analysis, APA 7.0 report compilation, editorial review, devil's advocate challenges, ethics review, and post-research ...

This guide provides best practices for building flexible, maintainable, and scalable React components. It emphasizes using composition patterns and compound components to avoid 'boolean prop proliferation,' while also detailing advanced concepts in component architecture, state management, and modern implementation techniques (including React 19 APIs). Ideal for refactoring complex systems or designing reusable component libraries.

A powerful CLI tool designed for deep web interaction and data scraping. bb-browser simulates genuine user behavior within a real browser environment, allowing access to both public and private enterprise systems, even requiring active user login. Key features include a Site System to turn complex websites into simple command-line APIs, advanced network request handling (with session state), form automation, and element interaction, making it ideal for enterprise data gathering and workflow automation.

This meta-skill acts as a watchdog for long-running processes, such as CI image builds or overnight model fine-tunes. It utilizes a sub-agent to continuously monitor the output via tmux, automatically diagnose failures, propose corrective fixes, and persist the entire resolution process to memory. It is designed for robust, automated debugging of complex system tasks.

An internal tool designed to validate candidate meta-skills (SKILL.md) before they are registered in the system. It performs comprehensive linting checks, including structural validation (G1: parsing, reference checks, XML escaping) and a scheduler dry-run (G2) using stub executors, ensuring the skill is deterministic and functional. Output diagnostics in JSON format.

This skill automates the migration of existing frontend code (including React, Vue, Angular, and Next.js components) into a structured Stitch Design. It orchestrates the extraction of a self-contained HTML file, analyzes the source code to build a comprehensive design system document, and finally uploads both assets into your Stitch project for iteration and improvement.

Analyzes any frontend codebase (React, Vue, Svelte, Angular, plain CSS, Tailwind) to document the complete design system. It extracts crucial visual elements—including color palettes, typography, spacing scales, and component patterns—directly from source files, without needing to build, render, or run the application. Ideal for design audits, visual language documentation, or migrating a project's identity into a design tool.

This skill enables the upload of various local assets, including images (PNG, JPG, WEBP), extracted HTML, and design markdown files, directly to a designated Stitch project. Crucially, it bypasses the token limits associated with standard MCP tool calls by using a dedicated HTTP upload script. Use this when visual assets or large design documentation need to be integrated into your Stitch design system.