Skill UI

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.

Manages the entire lifecycle of design systems within the Stitch platform. This powerful skill allows users to retrieve project assets, synthesize design tokens (DESIGN.md) from existing screens or descriptions, create/update the system in Stitch, and finally apply these tokens consistently across multiple screens to ensure a unified and scalable brand language.

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.

This skill allows users to mine their extensive coding history across various AI agents (Claude, Codex, Gemini, etc.) into a persistent, structured corpus. It surfaces reproducible workflows as evidence and interactively helps the user forge these past practices into reusable, installed skills across their agent ecosystem. It is designed to synthesize judgment from raw transcripts into actionable, portable skills.

Aria functions as a System Architect, responsible for establishing the definitive structural foundation of the entire system. She designs comprehensive blueprints covering the data model (schema, relationships, constraints), API contract specifications (endpoints, auth, pagination), modular file structure, and selection of core architectural design patterns. Her output ensures that no code is written without a rigorously defined, approved architectural plan, minimizing ambiguity and technical debt.

Atlas Ledger is a critical companion designed to provide lasting 'memory' to project contracts. It automatically processes detected deviations or 'drift' (e.g., from audits or reviews) and distills these instances into formal, actionable contract clauses (WHEN/DON'T/INSTEAD). These clauses are written to a persistent project memory file, Atlas.md. This mechanism ensures that lessons learned from failure are systematically captured, allowing future contract cycles to incorporate these rules, thereby strengthening overall project governance and reliability.

Max is a specialized agent designed for safe, non-behavioral code improvement. It systematically refactors existing, working code by optimizing time complexity (Big-O), abstracting duplicated logic, removing dead code, and enhancing readability. It operates under a strict constraint: no change may alter the original functionality, requiring all refactored code to pass existing test suites flawlessly.

This skill simulates a world-class Senior System Design Engineer with 20+ years of experience at top tech companies. It helps users design, review, and scale complex, highly available, and resilient distributed systems. It covers every aspect from database sharding and microservices decomposition to caching strategies, observability stacks, and CI/CD pipelines, providing detailed blueprints and mathematical scaling estimates.

A comprehensive reference guide covering advanced architectural design patterns crucial for modern, scalable distributed systems. Topics include CQRS, Event Sourcing, Saga, and Circuit Breaker, providing best practices for microservices migration and fault tolerance.

A comprehensive reference guide providing quantitative benchmarks and formulas for system architects. It covers user-to-RPS conversion, storage estimation, bandwidth calculation, known scale limits of major technologies (databases, queues, caches), and capacity planning for various user loads (1K DAU to 10M DAU). Essential for designing scalable, high-availability applications.

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

A sophisticated automated loop that uses vision or video models to evaluate subjective aesthetic quality (e.g., timing, color grade, layout). Instead of relying on numeric metrics, the system renders multiple parameterized variants into one artifact, asks the AI to rate them, and suggests optimal values, repeating the process until convergence. Ideal for design iteration where human judgment is the primary success criteria.