Frontend Design Codex
Create distinctive, production-grade frontend interfaces in Codex. Use when the user asks to build, redesign, restyle, modernize, or visually polish web components, pages, dashboards, apps, prototypes, games, hero sections, or existing UI, especially when they want non-generic AI aesthetics, strong typography, color, motion, layout, responsive behavior, and browser-verified implementation.
Subagent Model Router
Claude Code 专用：派发子 agent（Agent 工具或 Workflow agent()）前，按任务复杂度为每个子任务选择 model 参数。Use when about to spawn subagents, fan out parallel Explore/Plan/general-purpose agents, or write Workflow scripts — pick fable/opus/sonnet/haiku per task complexity, or omit model when uncertain.
Goal Prompt Builder
Build high-quality /goal commands for OpenAI Codex CLI 0.128+ that are audit-friendly and resistant to false completion. Use when the user wants to write, draft, generate, improve, or review a /goal prompt, including requests like "help me write a goal", "design a goal for X", "review my goal command", "make a goal for this repo", long-running Codex tasks, persistent agent objectives, Ralph loop…
Design Doc To Ui Visual Audit
Audit visual parity and baseline replication for design-doc-to-ui React and Figma outputs. Use when comparing rendered React route screenshots or Figma frames against approved AI UI images. Scores every required page across layout, components, visual style, typography, assets, and interaction state coverage. Requires each page to reach visual_similarity_score at least 0.80 and fails hard for miss…
Photo Review Workflow
Use when organizing a camera photo folder and reviewing JPGs aesthetically: separate RAW files and videos into subfolders, score original JPG photos with one fixed vision-model prompt, export CSV/XLSX/PDF review artifacts, and copy full-quality JPGs into rating folders without modifying originals.
Design Doc To Ui Feishu Doc
Create clean rich Feishu/Lark product design documents for design-doc-to-ui runs. Use when an approved design document must be uploaded or synced to Feishu/Lark with design thinking, source traceability, user stories, design acceptance criteria, page linkage, interaction/state matrices, component tokens, accessibility notes, diagrams, tables, callouts, grids, and generated page images. Requires r…
Design Doc To Ui Figma Replica
Create or update Figma replicas for design-doc-to-ui runs through page-level SubAgents, with at most 6 active workers. Use when a user requests Figma output that must basically replicate approved AI UI images and React screenshots as fully editable, frontend-handoff-ready frames with at least 80 percent per-page visual similarity and globally verified prototype links. Requires Figma skills, figma…
Feishu Block Surgery
Use for targeted Feishu Docx editing with lark-cli v2 when the user wants an existing remote Feishu document synced to local code/docs, a section or table preserved while wording is refined, or files embedded into specific table cells. Triggers include "飞书的文档帮忙也改一下", "按照原表格格式", "附件放到表格中", "先不用改源文件", and Feishu Docx URLs where structure must be preserved.
Design Doc To Ui
Convert vague product ideas, rough user needs, PRDs, design docs, Feishu/Lark docs, Markdown specs, prototypes, wireframes, screenshots, and brand assets into checkpointed UI design packages with concept expansion, source-backed page inventory, style/interaction design approvals, optional low/mid-fidelity interaction concept demos, imagegen UI images, review-grade structured design docs, optional…
Enforce Engineering Discipline
OpenSpec-first disciplined software engineering workflow for Codex and Claude Code. Use when implementing features, fixing bugs, refactoring, adding modules, reviewing changes, writing tests, validating Spec/OpenSpec changes, or synchronizing engineering documentation. Prefer OpenSpec as the source of truth for proposals, specs, designs, tasks, and acceptance criteria; if OpenSpec is unavailable,…
Design Doc To Ui Negative Case
Create contrastive DesignDocToUI negative-case packages from PRDs, design docs, Markdown specs, Feishu/Lark exports, screenshots, wireframes, and product notes. Use when Codex needs to turn requirements into UI prototype concepts and design notes that deliberately expose anti-patterns, ambiguity, missing states, weak information architecture, accessibility failures, or risky design choices before…
Autonomous Multi Agent Development
Autonomous multi-agent style development workflow for complex software tasks. Use when a request involves substantial feature work, cross-stack changes, debugging plus implementation, refactoring with validation, CI/deploy fixes, architecture/spec-to-code execution, or explicit requests for multi-agent, parallel, autonomous, dev-first, minimal-interruption delivery. Compatible with Codex and Clau…
Svg Board Generator
Generate controlled SVG board diagrams and export HTML/PNG previews. Use when Codex needs to create readable architecture diagrams, workflow diagrams, layered process boards, risk maps, trust-boundary diagrams, bottleneck matrices, business orchestration diagrams, or document-ready diagrams where Mermaid is too dense and image generation is too hard to edit.
Api Doc Writer
Use when writing or revising product-facing API interface documentation, especially for backend REST APIs that need a concise Chinese contract document with business rules, common API conventions, per-endpoint request/response details, combined request examples, and error code explanations. Trigger when the user asks for 接口文档, API 文档, 接口说明, Feishu/Lark API docs, or to rewrite implementation-heavy…