Files
mcn-short-video/.workbuddy/skills/impeccable/reference/shape.md
T
maogeigei d3f98dda77 feat(MCN工作台): 数据功能页+图标扁平化+多项UI优化
- 工作台大版本升级:hash 路由 + 6 数据功能页(周榜/热门账号/账号详情/视频详情/AI写脚本/AI写作复盘),只读复用 dsh 库副本 + 抖音榜单 JSON
- 数据库隔离:复制 dsh 库到 mcn-work-shop/,与 dsh 原库各访问各的(已 gitignore)
- 图标全面扁平化:Lucide 线性 SVG,功能图标亮色区分,文字标题去图标
- 首页重构:功能入口卡 + AI写剧本快捷卡片(2列/8个/5行预览) + 独立帮助页 + header 精简
- 新增设计技能 impeccable + taste-skill(生成网页时参考)
- 修复:fmtTime 跨 script 全局冲突(P0)、弹窗关闭、外链新标签打开等
2026-08-27 12:33:57 +08:00

3.5 KiB

Shape

Discover what should be made and how it should work, then return a confirmed design brief without code.

Phase 1: Discovery interview

Do not write code or choose visual direction yet.

Cadence

  • Use the structured question tool when available; otherwise ask and stop.
  • Ask two or three related questions per round, then wait. One round is the default; add a second only when the answers expose a material gap.
  • Do not dump a questionnaire, repeat settled facts, or turn obvious facts into menus. Assert the likely reading and invite correction.
  • A sparse prompt requires at least one answer round. A precise prompt may need only a compact confirmation.

Round 1: purpose, people, and outcome

Choose the two or three questions that most change the result:

  • What is this surface or feature for, and what problem must it solve?
  • Who specifically reaches it, in what situation and state of mind?
  • What is the primary thing they must understand or do? What would success look like?
  • What is uniquely true here that a neighboring product or generic template could not claim?

Round 2: material, behavior, and boundaries

Run only for material unresolved decisions:

  • What real content, evidence, data, and assets must the experience carry? What are realistic minimum, typical, and maximum ranges?
  • Which states and transitions matter: first-run, empty, loading, error, success, permissions, overflow, or expert use?
  • What is the intended fidelity, breadth, and interactivity: exploration, production-ready screen, full flow, or broader surface?
  • What must remain untouched? What would make the result feel wrong even if it looked polished?
  • Which platform, framework, performance, accessibility, localization, or delivery constraints are binding?

Never ask for CSS values or canned aesthetic lanes. New-work owns visual-world and concept choices.

Phase 2: Resolve the design direction

For new surfaces, brand expansion, or replacement, follow new-work.md through visual authority, any world workshop, and concept choice. Reuse discovery, then return before its contract, persistence, or implementation. Inside an established world, use its concept process only when composition or interaction remains materially open.

Phase 3: Write the brief

Write the smallest useful brief:

  1. Job and audience: who arrives, their context, need, and visitor mode.
  2. Outcome and proof: primary task/action, success, real evidence, and product-specific truth.
  3. Selected direction: visual authority, structural/interaction thesis, sequence, focal moment, and implementation consequence.
  4. Scope and boundaries: fidelity, breadth, interactivity, named target, what remains untouched, and explicit anti-goals.
  5. States and ranges: realistic content/data ranges and material states.
  6. Interaction and layout: hierarchy, topology, responsiveness, affordances, feedback, and transitions; intent, not CSS.
  7. Constraints and open decisions: platform, delivery, accessibility, localization, reusable components, and choices a builder must not invent.

Use three to five bullets when the task is settled; use the full structure only for ambiguous, multi-screen, or standalone planning. Do not restate the conversation.

Confirm and stop

Present the brief for explicit confirmation or one correction round, then stop: shape never writes code or a direction contract.

When no human or structured answer mechanism exists, mark assumptions plainly, return the brief, and stop.