본문으로 건너뛰기
cccskills
무료GitHub에 공개

ui-brief-generator

UI brief 生成 SKILL — 從 docs/keep.summary.md、正式規格書、task shard、cross-reference-index 與參考圖整理成可執行的 UI brief 或 task-ready brief。

USE FOR: 新 UI 畫面開工前、既有畫面補 task shard 欄位、需要收斂 family / proof / normalized recipe / content_contract / smoke_route。DO NOT USE FOR: 直接修改 ui-spec JSON、直接做視覺 QA。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(2)

  • SKILL.md3.8 KB
  • agents/openai.yaml305 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

UI Brief Generator

把分散在規格書、task shard、參考圖與現有 runtime 狀態的資訊,收斂成下一步可以直接執行的 UI brief。

Unity 對照:相當於先把需求、Prefab family、資料欄位與驗收路徑整理成一份技術美術可直接接手的 implementation brief,而不是邊做邊猜。

何時使用

  • 新畫面還沒進入 ui-reference-decompose / ui-family-architect 前
  • 舊畫面要補齊 family / proof / normalized recipe / content_contract / smoke_route / docs_backwritten
  • 需要把多份正式規格收斂成單一任務入口

不要這樣用

  • 不要把舊架構名詞帶回來,例如 assets/resources/ui-layouts/ 或 UIScaffold
  • 不要直接在這一步修改 layout / skin / screen JSON
  • 不要把 AI 全畫面 mockup 當成正式參考圖真相來源

必讀來源

依序讀取:

  1. docs/keep.summary.md (doc_index_0012) (doc_index_0012)
  2. docs/UI 規格書.md (doc_ui_0027) (doc_ui_0027)
  3. 目標系統的正式規格書,例如 docs/武將人物介面規格書.md (doc_ui_0012) (doc_ui_0012)
  4. 對應 task shard docs/ui-quality-tasks/<task-id>.json(若已存在)
  5. docs/cross-reference-index.md (doc_index_0005) (doc_index_0005)
  6. 參考圖、Figma proof mapping、既有 preview capture

輸出選擇

只選一種主要輸出,不要同時維護兩份真相:

  • 早期探索或尚未開卡:輸出到 artifacts/ui-source/<screen-id>/design-brief.md
  • 正式進卡與協作:回寫或建立 docs/ui-quality-tasks/<task-id>.json

必收斂欄位

不論輸出是哪一種,至少都要整理出:

  • screenId
  • family
  • proof
  • normalized_recipe
  • content_contract
  • skin_fragments
  • canonical references
  • smoke_route
  • docs_backwritten
  • 目前殘差 / blockers / 下一步

產出規則

1. 先判定 family

優先使用既有 family:

  • detail-split
  • dialog-card
  • rail-list
  • fullscreen-result

若 70% 以上可由既有 family 承接,就不要把它寫成全新 family。

2. 收斂 content contract

把畫面差異收斂成欄位,而不是散落成敘述句。

優先對齊:

  • assets/resources/ui-spec/contracts/*.schema.json
  • assets/resources/ui-spec/content/*.json

3. 指定 smoke route

優先填可重現命令,例如:

node tools_node/capture-ui-screens.js --target GeneralDetailOverview --outDir artifacts/ui-source/general-detail-overview/review

4. 指定回寫文件

正式任務至少明確列出:

  • docs/keep.md (doc_index_0011) (doc_index_0011) 是否需要更新
  • docs/UI 規格書.md (doc_ui_0027) (doc_ui_0027)
  • docs/cross-reference-index.md (doc_index_0005) (doc_index_0005)

與其他 skills 的銜接

  • 已有參考圖,要做結構化分解:ui-reference-decompose
  • 已有 proof draft,要做 family / recipe 分派:ui-family-architect
  • 已確認 family,要落 ui-spec / Panel:ui-spec-scaffold
  • 已修改 runtime,要截圖驗證:ui-runtime-verify

完成標準

  • brief 能讓下一位 Agent 不必重查 5 份文件才知道從哪裡開工
  • 任務欄位完整,不再停留在「做得像參考圖一點」這種口語描述
  • 內容只引用正式規格或已確認的 preview/capture 路徑

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Deterministic external-evidence web validation workflow for Sanguo ETL/RAG. USE FOR: 外部證據網站檢查、來源健康度、allowlist 驗證、來源 seed 覆蓋、3kweb-check、external evidence source health、fetch/parse/hash first、LLM reviewer second。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

eaglhuang/3klife32026년 10월 22일 업데이트

Use when the user asks to switch AI role/mode/persona or uses role-trigger words such as Captain, Coordinator, 寫文章, 寫文章模式, 文章模式, 技術文章, 部落格, 出版, 預覽. Routes the request to Project Captain, Publishing Director, or Article Writing Mode, loads the matching keep memory when available, and applies the role's workflow without excessive roleplay.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

eaglhuang/3klife32026년 10월 22일 업데이트

Write or revise AI-learning-notes article pages in "寫文章模式" when the user asks for articles, technical articles, blog posts, bilingual versions, article formatting consistency, shared article-base alignment, responsive layout, summary/TOC decisions, contrast, or publishing-flow compatibility.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

eaglhuang/3klife32026년 10월 22일 업데이트

Plan ATM framework refactors by preserving atom/map semantics before splitting large governance modules.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

eaglhuang/3klife32026년 10월 22일 업데이트

Captain 派工規範與決策手冊。當 AI 進入隊長模式或進行派工/派任務語境時,遵照這套標準,產出可供人類直接轉貼、高度結構化、符合 token 經濟且能動態適應可用 Roster 的派工單。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

eaglhuang/3klife32026년 10월 22일 업데이트

Create and register an atom through the provisioning facade.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

eaglhuang/3klife32026년 10월 22일 업데이트

eaglhuang의 스킬 모두 보기

이 스킬의 문제 신고