القائمة
前端交付质量保障。当任务涉及前端、UI、组件、页面、视觉、样式、layout、响应式、design token 时加载。教 leader 如何派发前端 packet 到 worker 并建立视觉反馈闭环,避免 AI 味,复用设计系统。不触发纯后端/纯逻辑任务。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Force ZCode/Codex into leader-only mode. Dispatches code generation, visual understanding, image generation, and MCP tool calls to a resident codex app-server worker via codex_bridge.ts. A PreToolUse gate hard-blocks direct edits; a Stop gate enforces Plugin evidence. Trigger when the user wants ZCode to orchestrate rather than implement, or when codex app-server capabilities (vision, image generation, structured code output) are needed without CLI cold-start.
图像生成命中率提升。当任务涉及生图、图像生成、generate image、图片、海报、插画、logo、视觉资产、改图、图生图时加载。教 leader 用叙事式 prompt、改图优先、多轮迭代、参考图角色一致性提升 Gemini 3 Pro Image 命中率。不触发代码截图/UI 截图分析(那用 vision)。
| name | frontend-delivery |
| description | 前端交付质量保障。当任务涉及前端、UI、组件、页面、视觉、样式、layout、响应式、design token 时加载。教 leader 如何派发前端 packet 到 worker 并建立视觉反馈闭环,避免 AI 味,复用设计系统。不触发纯后端/纯逻辑任务。 |
当前任务涉及前端、UI、组件、页面、视觉、样式、layout、响应式、design token 时加载。
不要在纯后端、纯逻辑、无视觉改动任务中加载。
单一最大杠杆:绝不盲写前端,必须闭环视觉反馈。
业界共识,Claude Code 官方:"If you cannot verify it, do not ship it"。
官方 prompt 模式:
本插件可用工具串成闭环:
codex_bridge.ts ask 派发前端实现 packetmcp-tool 调 puppeteer MCP 截图运行结果codex_bridge.ts vision <截图> "比对设计稿与截图,列出间距/字体/颜色/布局偏差"ask 修正 -> 再截图 -> 直到一致诚实标注:半自动(leader 触发截图+vision,人工看诊断决定迭代)比全自动稳妥。复杂 SPA/带登录态场景全自动闭环易出错,仍在社区探索中,非完全成熟。
把以下 do 规则注入每个前端 packet:
p-[13px]、bg-[#f0f3f8]、w-[287px];必须用语义化 token,例如 p-4、bg-background、text-muted-foreground。业界共识,可把不规范样式概率降到 5% 以下。:hover、:active、:focus-visible;覆盖 loading、empty、error、disabled、long-content 状态。src/components/ui/ 再造新组件;禁止未经允许装新 UI 库。@storybook/addon-mcp,agent 直连读组件 API。2026 业界共识,成熟。docs/ui-component-registry.json,列组件导入路径和用法。src/legacy/,防 AI "学坏"。本插件有 codex worker(ask) + agy 两个后端。
官方强调"实现者不能当评分者"。
做法:codex worker 写前端 -> 用干净上下文派 agy 或另起 ask 做对抗审查,检查 diff 是否符合设计系统、是否有 AI 味。
agy(1M 上下文)读整库/设计稿出架构方案 -> codex worker 落地代码。
诚实标注:长上下文注意力 U 型衰减。别无脑塞几百文件,只读目标文件和其 import 的组件定义,执行 context pruning。