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.

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.

An internal utility designed to manage the entire lifecycle of meta-skill proposals within the opensquilla ecosystem. It allows developers to atomically write new skill proposals, list existing candidates, and formally accept them after passing rigorous gate checks (linting, smoke testing, E2E). This tool ensures structured and controlled deployment of new skills.

This skill automates the migration of existing frontend code (such as those built with React, Vite, or other frameworks) into the proprietary Stitch Design format. It performs a multi-step workflow: first, extracting a self-contained static HTML file; second, analyzing source components and stylesheets to generate a comprehensive design system documentation (DESIGN.md); and finally, uploading both artifacts to the specified Stitch project for continuous 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 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.