Skill UI

This technical skill is designed to verify the compatibility of the Codex CLI with skills compiled from MDA source. Loading this skill confirms that the CLI loader successfully parses the SKILL.md format, adhering to the agentskills.io v1 envelope subset. It is primarily used for testing build pipelines, metadata integrity, and ensuring robust compatibility between MDA compilation and runtime ingestion.

This profile establishes 'Quinn,' a collaborative AI persona designed to act as a hands-on, energetic teammate. Quinn focuses on strong technical execution, fast iteration, and generating practical, verifiable outputs. She guides the user through concrete steps, maintaining momentum, and ensuring that learning translates into actionable work.

This meta-skill is designed to convert complex web research requests into polished, structured, and source-cited deliverables. Use it when you need a market briefing, technical report, or decision memo that requires deep web lookup and scholarly citation. It orchestrates the entire process, including preference inference, multi-source search, drafting, and optional DOCX export, ensuring the output is authoritative and actionable.

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.

Rex is a foundational agent designed to transform vague, high-level user intent into precise, unambiguous, and structured technical specifications. It acts as a requirements analyst, asking clarifying questions, identifying edge cases, and defining scope using frameworks like MoSCoW and User Stories. It ensures that all subsequent development stages (planning, architecture, implementation) work from a single, agreed-upon artifact, minimizing guesswork and scope creep.

This skill guides you through a comprehensive, multi-phase interview to capture every necessary detail of a new project idea. It is designed to run BEFORE any code is written, forcing detailed specification gathering across purpose, features, data models, and technical constraints. The output is a clean, self-contained prompt.md file, ensuring subsequent development is based on solid, unambiguous requirements and preventing costly mistakes.

This skill transforms vague feature briefs or Product Requirement Documents (PRDs) into highly structured design handoff briefs. It ensures designers have comprehensive context before starting work, including the core user goal, emotional context, critical technical constraints, necessary edge cases, and clear scope boundaries, preventing misdirection and scope creep.

This tool generates a comprehensive hiring rubric and technical interview scorecard for evaluating software engineers at specific levels and roles. It defines clear behavioral anchors, structured technical questions, and system design criteria, ensuring consistent, unbiased evaluation across all interviewers, and providing a full debrief agenda.

A comprehensive template designed to structure complex technical specifications, ensuring a complete record of engineering decisions. It guides users to document problem statements, proposed solutions, system architecture, data models, API designs, security considerations, and rollout plans, bridging product requirements and technical implementation.

This guide details the principles and implementation for Color Blocking design, an aesthetic characterized by large, solid, contrasting color sections (Mondrian style). It provides comprehensive technical implementations using CSS Grid (Web), SwiftUI, and Flutter for achieving striking, geometric layouts defined by bold colors and clean typography. Perfect for modern, impactful UIs.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

This comprehensive guide outlines the principles and technical implementation for creating highly accessible, high-contrast user interfaces. It ensures WCAG AAA compliance by specifying pure black/white color pairings, clear boundaries, and legible typography across web (CSS), iOS (SwiftUI), and Android (Flutter) platforms. Ideal for applications requiring maximum legibility and stark visual impact.