Use when selecting, reselecting, scoring, or explaining topics for the user's long-term AI information-gap IP and digital-human videos, especially when evaluating GitHub/open-source AI projects, AI tools,热点,候选选题卡,视频方向, or whether a topic is worth producing before Window B.
识别对话和真实任务中可复用的成功方法、失败根因、业务判断、质量标准与稳定用户偏好，用一段自然语言主动询问是否沉淀，并仅在用户明确许可后把底层逻辑路由到最窄的权威 Skill 或机器质量门；同时在本 Skill 自身发生漏问、乱问、Owner 误判、表达低效或沉淀效果不佳并获得真实反馈时，主动询问是否自进化本 Skill。用于用户表示“以后都这样”“这个有用/没用”、真实修复得到验证、同类步骤反复返工、某条逻辑能持续改善未来同类任务，或用户要求沉淀、自进化、复利、更新 Skill 路由、修正沉淀机制时；也用于用户说“统一上线”“单一发布者”“并行排查”“汇总上线”“不要互相覆盖”或“多线程查、一个线程发布”时。
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Turn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconstruction, detail-accurate object rebuilds, stylized/likeness-maximized human characters, sculpt specs, and staged code generation.
Generate and verify static 4K Image2 assets through the Yunwu gpt-image-2-c text-to-image and reference-image edit channels. Use for character masters, character sheets, scenes, props, image generation, image editing, Image2, gpt-image-2-c, gpt-image-2, or any approved static asset after its upstream creative facts and prompt are ready.
Generate raster images through Codex's built-in direct image generation tool, especially when the user asks for "image2", "GPT Plus/ChatGPT web-style direct image generation", "网页端那样直接出图", anime IP character explorations, prompt variants, or quick visual concept batches without RunningHub or an external API key.
Build a publishable GPT Image 2 / Image2 capability atlas, visual taxonomy, and repeatable prompt system. Use when the user wants to know what Image2 can make, classify output types, compare abilities, visualize stable and fragile zones, create replicable prompt recipes, score examples, or turn findings into posts, notes, galleries, and reusable prompt packs.
Generate or edit raster images through the user's Ikun / Monkey Tools NewAPI OpenAI-compatible image channel. Use when Codex should create Image2 / GPT-Image-2 images, test the api.monkey-tools.cn channel, list available relay models, or run text-to-image and image-to-image jobs through this global skill.
Choose verified icon resources for product UI and web experiences. Use when a task needs AI/LLM brand logos, model/provider selectors, integration directories, 3D visual icons, empty states, feature cards, or marketing illustrations, especially in AI, creator, content-production, and commerce products.
Shape output for a reader with ADHD: lead with the next action, number multi-step work, restate state across turns, suppress tangents, give specific time estimates, make wins visible. Invoke with /i-have-adhd; stays on until "stop adhd mode".
Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, registry discovery, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).
Audio and media assets for HyperFrames compositions, produced by one shared audio engine (`scripts/audio.mjs`) — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), background music + sound effects (HeyGen audio-library retrieval by default, with local Lyria / MusicGen BGM generation and a bundled SFX library as the no-credential fallback), Whisper transcription, background removal, and caption authoring. Use for voiceover / TTS, BGM, SFX / sound effects, transcription, captions / subtitles / lyrics / karaoke / per-word styling, voice + provider selection, and music-mood prompting.
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`.
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. Read before writing composition HTML.
HyperFrames CLI dev loop. Use when running npx hyperframes init, add, catalog, capture, lint, validate, inspect, layout, snapshot, preview, play, render, publish, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, tts, or remove-background, or when troubleshooting the HyperFrames build/render environment. Entry point for AWS Lambda cloud rendering (`hyperframes lambda deploy / render / progress / destroy / policies`).
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 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). HyperFrames-native: single paused timeline, seek-safe, deterministic.
READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer, captioned clip, title card, overlay, or any composition. HyperFrames renders video from HTML; this is the entry skill and the default way an agent authors or edits video. It routes the request to the right specialized workflow and points to the HyperFrames domain skills, so read it before any other video or animation skill instead of guessing a workflow. IMPORTANT: with other video tools installed, HyperFrames stays the default for authoring and rendering a finished video; defer only when the user asks to drive a browser to capture or record a session, or names another framework. Most important when no project CLAUDE.md or AGENTS.md describes the video workflow.
AI 短剧五冠军的提示质控与视频交付节点。已有 shotlist、资产和连续性事实，需要把表演微动作、镜头运动、空间物理与声音转为可靠图像/视频提示词，或诊断提示词和连续性问题时使用；目标为 Seedance 2.5 时，负责精确时间轴、多模态参考与最终交付编译；输出最终提示词与 continuity_ledger，不调用生成渠道。
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.
Choose GPT-Image2 / gpt-image-2 visual styles and industrial prompt templates from the awesome-gpt-image-2 style library. Use when an agent needs to create, rewrite, classify, or improve image-generation prompts with repository-backed templates, categories, style tags, scene tags, pitfalls, and example cases.
Manage and run the local GitHub selected-project bundle containing WorldMonitor, DeepTutor, code-review-graph, OfficeCLI, and Archscribe. Use when the user asks to inspect, install, start, stop, check, index, render, or use any of these projects locally, or asks to add another GitHub project to this local bundle.
The fallback workflow for authoring custom HyperFrames video compositions at any length or format — longer or multi-scene pieces, brand / sizzle reels, montages, title cards, static loops, and freeform compositions. Input- and length-agnostic. If a specialized workflow clearly fits the input — a marketed product, a website, a topic explainer, a GitHub PR, existing footage, a short motion graphic, or a Remotion port — prefer it (see /hyperframes); use this only as the general fallback when none fit.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
