Skill Claude CodeCodex
Build or modify Cognia AI chat UI with the vendored AI Elements primitives. Use for conversations, messages, prompt inputs, reasoning, tool displays, attachments, citations, audio, terminal output, or any component under components/ai-elements; also use when integrating AI SDK UIMessage parts.
Skill Claude CodeCodex
Build or diagnose Cognia features that use Vercel AI SDK APIs such as generateText, streamText, embed, tools, ToolLoopAgent, UIMessage, or useChat. Use for provider/model integration, structured output, streaming, tool calls, embeddings, agents, and AI SDK type or migration errors.
Skill Claude CodeCodex
Design, audit, implement, debug, and verify end-to-end coverage in the Cognia repository across browser/static-export, mobile/Capacitor, Tauri/WebView2, workflow, connector, agent, sidecar, and service boundaries. Use when deciding whether a product or protocol change needs E2E, mapping a change to a critical user…
Skill Claude CodeCodex
Create or extend build-ready Cognia plugins from natural-language requirements through the repository's canonical product workflow. Use for Cognia plugin runtimes, capabilities, contributions, permissions, manifests, SDK implementation, wiring, tests, and validation; use plugin-conversion for whole-bundle ecosystem…
Skill Claude CodeCodex
Turn a Cognia feature, fix, migration, protocol change, or architectural decision into an implementation-accurate, review-ready technical proposal. Use when asked to write or review a technical design, design doc, RFC, TRD, 系分, 技术方案, 评审材料, or implementation plan for Cognia across Next.js UI, shared TypeScript…
Skill Claude CodeCodex
Maintain Cognia's source-controlled user-path and critical-user-journey mindmap plus its generated and shared artifacts. Use to add, remove, rename, classify, or verify a product path/module/function; edit a journey tree.json; maintain P0/P1/P2 or repository-defined priorities and owning spec mappings; describe loops…
Skill Claude CodeCodex
Complete missing Cognia component tests and restore the Jest/RTL coverage gate. Use for component test gaps, RTL tests, test-to-source mapping, coverage regressions, or requests to raise component coverage; excludes vendored components/ui and components/ai-elements.
Skill Claude CodeCodex
Protocol for working in this repo when other Codex/agent sessions share the same working tree or branch. Use at the start of any session where concurrent work is plausible, before any git stage/commit/reset/branch operation, and immediately after discovering your edits were reverted or files you didn't touch are…
Skill Claude CodeCodex
Configure or repair Cognia commit checks. Use for Husky, lint-staged, commitlint, pre-commit hooks, commit gates, or checks that fail before a commit; preserves the repository's existing pnpm + Husky 9 stack.
Skill Claude CodeCodex
Add or revise Cognia's Dexie schema safely. Use when a change needs a table, index, schema version, or IndexedDB backfill in lib/db/schema.ts; covers concurrent version claims, upgrade callbacks, consumers, and required tests.
Skill Claude CodeCodex
Adversarially review a non-trivial Cognia decision before it hardens. Use for 存疑, 质疑, 证伪, 交叉审查, or doubt; especially at static-export boundaries, outbound model/embedding calls, Dexie migrations, runtime wiring, Rust/Tauri concurrency, and irreversible protocol or storage decisions.
Skill Claude CodeCodex
Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 36-style catalog. Route by visual identity, not by backend engine. The quiet…
Skill Claude CodeCodex
Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a…
Skill Claude CodeCodex
Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), Figma Motion animations (MCP), and shaders (MCP source / native export). Use when the user pastes a figma.com link or asks to bring…
Skill Claude CodeCodex
Discover an existing project, installed, or installable skill for a requested capability. Use when the user asks whether a skill exists, wants to extend Codex, or needs a reusable workflow not covered by the current skill set.
Skill Claude CodeCodex
Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated…
Skill Claude CodeCodex
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
Skill Claude CodeCodex
Author a new lifecycle Hook for cognia — either a product-bundled built-in command-hook script (System B, settings.json) or a plugin hook (System A, TS @hook / Python decorator). Make sure to use this skill whenever the user wants to add, scaffold, wire, or test a hook that fires on an agent lifecycle event…
Skill Claude CodeCodex
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4…
Skill Claude CodeCodex
Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry…
Skill Claude CodeCodex
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md…
Skill Claude CodeCodex
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
Skill Claude CodeCodex
Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or hyperframes keyframes diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.
Skill Claude CodeCodex
Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block…