Skill UI

This utility converts a single, high-level objective into a comprehensive, step-by-step build plan suitable for complex, multi-agent, or multi-session engineering projects. It automatically handles dependency mapping, detects parallel steps, and structures each step with self-contained context briefs, ensuring any new agent can execute it without prior knowledge. Ideal for large-scale refactoring or feature development spanning multiple PRs.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

This skill helps transform vague product or engineering ideas into structured, verifiable acceptance criteria (AC). It is crucial for high-impact changes involving security, data migration, or external APIs. By inspecting existing context and asking minimal, targeted questions, it produces clear, observable criteria, significantly de-risking the development process and ensuring handoff readiness.

A comprehensive guide for optimizing latency-critical systems, such as market data feeds, real-time dashboards, and streaming agents. It details structured methods for mapping 'hot paths,' tracking key metrics (p95, p99 latency, throughput, freshness), and implementing architectural improvements like caching and batching to ensure high performance and data freshness under load.

A comprehensive guide detailing advanced performance optimization patterns for React 18/19 and Next.js. Adapted from Vercel Engineering's best practices, this skill organizes 70+ critical rules across eight categories—including eliminating waterfalls, optimizing bundle size, improving server-side rendering, and managing client-side re-renders. Use this when developing, reviewing, or refactoring high-performance React applications.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It structures guidelines by defining foundational tokens (color, typography, spacing), detailing component anatomy, interaction states, and adhering to strict accessibility standards (WCAG 2.2 AA). Use it to ensure your design standards are consistent, technically sound, and actionable for engineering and design teams.

An interactive tool designed to discover, select, and assemble specialized teams of AI agents. It supports structured agent collections across different domains (e.g., Engineering, Marketing). Users select multiple roles for a specific task, and the skill launches them in parallel, synthesizing their independent findings into a unified report, including consensus and conflict analysis.