Skill Claude CodeCodex
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose…
Skill Claude CodeCodex
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not…
Skill Claude CodeCodex
Diagnose Cognia-specific Jest, RTL, and test-lint failures. Use when writing or fixing tests, especially for jest.mock TDZ behavior, ESM namespace spies, strict jest.fn types, Radix interactions, hidden content, ESM dependencies, or coverage collection.
Skill Claude CodeCodex
Draw polished, hand-styled SVG architecture / flow / topology / data-flow / system-panorama diagrams and put them on a Lark (Feishu) whiteboard or into a Feishu doc. Use this whenever the user wants 美观的架构图 / 系统图 / 流程图 / 拓扑图 / 数据流图 / 时序流程 / 产品全景 rendered as a Feishu 画板, wants to 把架构图放进飞书文档, or says the mermaid version…
Skill Claude CodeCodex
Create, audit, or refresh Cognia's root DESIGN.md using the current Google Labs DESIGN.md specification and the repository's implemented UI as evidence. Use when asked to write designmd/DESIGN.md, document Cognia's visual system for coding agents, reconcile design tokens with app/globals.css, or validate that design…
Skill Claude CodeCodex
Turn raw product, feature, workflow, or process requests into complete, traceable end-to-end Requirement Flows by identifying actors, scenarios, triggers, underlying goals, preconditions, dependencies, happy paths, branches, exceptions, observable success criteria, system ownership across pages, agents, tools, backend…
Skill Claude CodeCodex
Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, resolve); generate via TTS / music / image models when the catalog misses; produce voiceover…
Skill Claude CodeCodex
A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI…
Agent Codex
Turn shot-plan.json into one renderable HyperFrames composition (compositions/index.html). Everything stays in the HF ecosystem — HTML is the source of truth; a single paused GSAP timeline carries all motion; the engine seeks it. Category-specific build rules live in categories/ /module.md; this file is the shared…
Agent Codex
Turn a request into a shot-plan.json for a short (3–30s) design-led motion graphic. You run in two parts around the asset-sourcing step: Part 1 (plan) before sourcing, Part 2 (design) after. You do NOT write composition code — that's the Builder. Schema: references/shot-plan-ir.md.
Agent Codex
Perform snapshot QA and one in-place repair pass. Dispatch only when Step 5 lint, check, or snapshot review reports a defect. The orchestrator owns final approval and render; this agent never renders.
Skill Claude CodeCodex
Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated…
Skill Claude CodeCodex
Apply Cognia's Next.js App Router conventions. Use when creating or reviewing routes, layouts, client/server boundaries, metadata, images, fonts, async APIs, hydration, Suspense, or bundling in the main static-export app or the separate Fumadocs server app.
Skill Claude CodeCodex
Run evidence-driven performance optimization experiments in cognia-next after a bottleneck or target is known. Use for explicit optimize/性能优化, benchmark/压测, or performance-budget requests; bundle, startup, interaction, memory, CPU, storage, IPC, sidecar, mobile, Rust, or build performance; and post-diagnosis…
Skill Claude CodeCodex
Collect, normalize, render, preview, and deliver daily performance reports from the superaiden Slardar dashboard 591721. Use when Codex needs to generate a daily or custom-range performance summary, create the approved Feishu Card 2.0 report, quick-test a card by sending it from the configured bot to the current user…
Skill Claude CodeCodex
Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR…
Skill Claude CodeCodex
Audit a Cognia change before commit or completion. Use for preflight, 提交前检查, or final verification; scopes the diff, runs the applicable test-gap, i18n, static-export, Tauri/Rust, PII, and wiring auditors, synthesizes findings, and executes deterministic gates.
Skill Claude CodeCodex
Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route…
Skill Claude CodeCodex
Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my Remotion video" is a fresh build (/general-video). Unclear →…
Skill Claude CodeCodex
Build, compose, debug, or update Cognia UI with the local shadcn components. Use for components/ui, components.json, Radix composition, Tailwind styling, forms, dialogs, menus, registries, presets, or shadcn CLI operations.
Skill Claude CodeCodex
Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't…
Skill Claude CodeCodex
Implement, configure, style, secure, or diagnose Streamdown in Cognia. Use for streaming Markdown, syntax highlighting, Mermaid, math, CJK, carets, link safety, custom renderers, or Streamdown integration in AI chat and skill surfaces.
Skill Claude CodeCodex
Write or renovate implementation-accurate bilingual Fumadocs subsystem documentation under docs/content/docs/{en,zh}/. Use for subsystem sections, stale docs replacement, ADR-backed docs, sidebar changes, or MDX build failures.
Skill Claude CodeCodex
Package an existing talking-head, interview, or podcast video with timed graphic overlays such as kinetic titles, lower-thirds, data callouts, quotes, side panels, and picture-in-picture. Use when the source clip must play unchanged beneath designed, transcript-synchronized cards. For plain subtitles use…