**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Route Feishu/Lark tasks to the narrowest workflow for account and session identification, document or wiki creation and editing, visual organization of AI instructions, permissions and sharing, drive capacity, and local-file upload or collaboration. Use when the user mentions 飞书、Lark、文档、知识库、云盘、空间、账号、权限、分享、上传或需要把内容沉淀到飞书。
turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video, up to ~3 min (sweet spot 30-90s), where every visual is invented (typography, abstract graphics, diagrams, data-viz) rather than captured. There is no URL, no website capture, and no real assets. Use this skill for topic explainers, concept breakdowns, how-tos, listicles, and narrative explainers. Do not use it for a product launch/promo (use /product-launch-video), a tour of a real website (use /website-to-video), a GitHub PR (use /pr-to-video), captions on existing footage (use /embedded-captions), or a short unnarrated motion graphic (use /motion-graphics). If the intent is unclear, route through /hyperframes first.
Add captions to a talking-head video. ONE catalog (CATALOG.md) of 32 visual identities behind two engines: column-flow (captions composited INTO the scene — matte occlusion + mix-blend; cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity) and themed constitutions (anchor/ordnance/terminal/neonsign/stardust/stomp/scoreboard/transit/vhs/arcade/dossier/laser/thunder/hologram/biolume/aurora/spectrum/papercut/popup/chalkboard/graffiti/brush/inkwater/ransom/lastpage/nightcity — e.g. a glyph-decode climax, a neon sign WRITTEN stroke by stroke, or the quiet `anchor` rail default). Route by identity, never by mode. Trigger on "captions/subtitles", "embed/cinematic captions", "VFX captions", "炸/特效/酷炫字幕", a named identity, or top-tier motion-graphics asks. Embedding every word is wrong for most talking-head content — `anchor` is the verbatim default. Pipeline: transcription → hyperframes remove-background matting → HTML render → ffmpeg overlay. Requires hyperframes and a single-subject clip.
Coordinate an end-to-end Douyin content workflow from choosing a video or topic, planning production, preparing captions/covers, and operating the Creator Center upload page. Use when the user asks for a full Douyin publishing workflow, wants Codex to manage multiple Douyin skills, or says to select/make/upload/publish a Douyin video.
Select and prioritize Douyin video ideas, source videos, product angles, hooks, and reusable footage from user materials or market research. Use when the user asks which video to make, which draft to publish, how to choose a topic, how to score raw clips, or how to find a Douyin content angle before production.
Turn a selected Douyin topic, raw footage, or draft video into a practical production and editing plan with hook, beat sheet, subtitles, asset list, quality checks, and export guidance. Use when the user needs to make, revise, polish, or brief a Douyin short video before upload.
Operate Douyin Creator Center upload and publishing preparation with browser assistance, including opening the upload page, handling file upload, filling title/caption/tags/cover settings, checking platform prompts, and stopping for final user confirmation. Use when the user asks Codex to upload, prepare, schedule, or publish a Douyin video.
Plan and operate a Douyin fruit-selling content account, including persona positioning, content pillars, video formats, posting cadence, conversion paths, and iteration metrics. Use when the user asks how to grow a fruit commerce account, mentions 水果带货, 果园产地, 果农, 美女主播吃水果跳舞, 朴素老太太推销, fruit livestream-style short videos, or wants a repeatable Douyin fruit content strategy.
Create Douyin publishing packages including titles, captions, hooks, hashtags, cover text, cover frame direction, and variant options. Use when the user needs copywriting, description polishing, topic tags, cover concepts, or final post packaging for a Douyin video.
为仙侠、天宫、云海神殿、浮空宫殿等宏大远景设计可复用的图片提示词与可选视频运镜。用于用户上传参考图或用文字描述后，要求拆解同款风格、构图、空间层次、镜头语言，生成可修改属性的提示词结构、完整案例、负面提示词、构图锁定句，或把静态构图扩展为缓推、侧移、跟拍、揭示等仙侠运镜时；同时区分 ChatGPT-image2 的结构化中文提示词与 Midjourney/MJ 的紧凑电影设定提示词，覆盖柱廊、天阶、瀑布、水庭、悬台、弧形长廊、月夜轴线栈道、圆月门框景、云海廊桥、神兽托城、洪荒能量瀑布、蓬莱海阁、沙海天宫等场景。
Use when 用户需要把仙侠天宫、云海神殿、浮空宫殿、飞瀑、廊桥或星河古树等场景图转换为 Seedance 图生视频提示词，尤其是人物容易静止、云层缺少漂移、银河不流动、星光不闪烁、树叶不摆动，或需要在保持人物身份、建筑尺度和空间连续性的同时设计电影化运镜与自然动态。
Use whenever the task contains an attached image, pasted screenshot, local image path, or network image URL and image understanding is needed. This is the mandatory global image-understanding route: call deepseek-vision before OCR, Read, file metadata, or any other local image processing.
Find process-level root causes and safely improve Windows computer performance, including CPU, memory pressure, disk I/O, temperatures, background processes, startup load, and stale development tasks. Use when the user says the computer is slow, freezes, becomes slower over time, has memory problems, needs health monitoring, or asks to install and apply System Informer, LibreHardwareMonitor, Mem Reduct, or Windows maintenance tools.
Measure, diagnose, and improve commerce website delivery for product images, private media, preview video, playback, seeking, and downloads. Use when a storefront or content-creation workspace feels slow, media fails after a storage/server migration, CDN/cache changes are proposed, image/video traffic costs rise, or real multi-network performance must be verified without weakening authorization.
Use when Codex should use or maintain the local codex-agent-mem MCP memory layer for project continuity, thread bootstrap, scope guardrails, durable decisions, open-work checks, completion checks, snapshots, policies, or when the user mentions codex-agent-mem, memory, 记忆层, 上下文包, continuity, mem_context_pack, mem_open_work, or wants the workflow applied to every thread.
Create cinematic AI video generation prompts from images or visual concepts. Use when the user asks for 图片反推视频提示词, 电影级视频生成指令, AI视频提示词优化, image-to-video prompt writing, camera/action/dialogue timelines, or explicitly asks to use this prompt skill.
