Skill UI

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.

A comprehensive design and implementation guide for achieving Controlled Maximalism. This style is ideal when the content is extremely dense, rich, and contains numerous elements, but requires an underlying highly structured, elegant, and curated presentation. Includes detailed CSS Grid, SwiftUI, Flutter, and React Native examples.

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.

A comprehensive guide for implementing user interfaces that mimic spatial computing devices (like Apple Vision Pro). It focuses on creating digital elements with a sense of depth (Z-Space), utilizing glass-like materials via backdrop blur, and designing gaze-aware interactions, making digital information feel physically anchored in the real environment.

A comprehensive guide to implementing the Swiss Design (International Typographic Style). This style emphasizes absolute mathematical grids, clean sans-serif typography (like Helvetica), and asymmetrical layouts. It is ideal for users requiring highly structured, minimal, and objective visual communication across web and mobile platforms.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.

This skill acts as a central router, helping users determine the correct specialized skill or workflow to tackle development challenges. It guides the entire software development lifecycle, from initial idea refinement (Idea -> Ship) and prototype testing, to managing complex multi-session builds and handling incoming bugs via triage. It is essential for navigating the vast ecosystem of AI coding agents.

This skill outlines a systematic, multi-phase workflow for diagnosing hard bugs and performance regressions in complex codebases. It emphasizes the critical necessity of building a tight, deterministic feedback loop (Phase 1) before moving to hypothesis generation. The process guides users through reproducing the failure, minimizing the scope of the issue, and forming actionable, ranked hypotheses.

A comprehensive skill for systematically building, refining, and documenting a project's domain model. It helps define core terminology, establish a ubiquitous language, and record critical architectural decisions (ADRs). Use this when you need to challenge ambiguous language, invent edge-case scenarios, or maintain architectural consistency throughout the development lifecycle.

This workflow is designed to rigorously stress-test any plan, design, or architectural concept before implementation. It acts as a demanding interviewer, asking deep, cascading questions one at a time to identify hidden dependencies, resolve ambiguities, and ensure comprehensive coverage. Use this when you need to validate a concept against all possible failure modes or explore every corner of a complex system design.

This skill guides users through structured, adaptive learning experiences for any topic. It diagnoses the user's current knowledge level and goal to create a personalized study path. It utilizes techniques like worked examples, retrieval questions, and spaced repetition to ensure deep understanding, making it ideal for self-study, skill acquisition, or subject review.

This skill scaffolds the necessary configurations for advanced engineering workflows. It guides the user through setting up the issue tracking system (GitHub, GitLab, or local markdown), defining the canonical triage label vocabulary, and establishing the domain documentation context (single or multi-context). It must be run once to initialize the repository for subsequent agent-driven development skills.