ccd

Governs CCD local animate-lite route and wrapper transition usage without adding full Animate.css.

Governs controlled GSAP usage for CCD web-demo component-scoped Level 1 and Level 2 motion.

Defines CCD material, liquid-glass-inspired surfaces, depth, shadows, borders, and overlay usage while preserving token and readability rules.

Defines CCD motion levels, animation limits, reduced-motion behavior, and motion review rules.

Maps CCD page types to UIDesignState, layout archetypes, density, hierarchy, component choices, and UI quality expectations.

Defines CCD's product visual language so AI-generated UI feels premium, coherent, Apple/Google-quality, and CCD-specific while preserving architecture and governance.

A final UI review checklist for CCD visual work before staging, committing, or pushing.

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

Repo-aware GitHub automation for PRs, issues, CI, releases, reviews, and .github workflows. Use when a task mentions GitHub, PRs, issues, workflow runs, review comments, release automation, or remote repo operations.

Route coding tasks into simple or complex execution paths and keep validation proportional to risk. Use when Codex needs to classify a request, decide whether to plan first, trigger browser validation, choose imperative step order, or coordinate parallel subagents for multi-surface work.

Desktop branch guardrails for Vue 3 + Tauri v2. Use when tasks touch src-tauri, desktop bridge APIs, capability drift, or desktop-specific E2E/snapshot cleanup.

Drive browser validation and debugging with Playwright CLI and a local Python wrapper. Use when Codex needs to open a site, preserve browser context, inspect console or network failures, collect screenshots and traces, reproduce UI bugs, validate visual changes, or run low-token browser repair loops.

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.