ns-proto-creator

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Proto Creator

原型创建器

Delivery face: Playwright reverse prototyping. Capture → AS-IS docs → create/evolve one

prototype/

→ quality → living appearance → optional visual guides.

Orchestrate. Load worker

SKILL.md

at delegation. No inline full design checklists or Element|How tables.

交付模块： Playwright反向原型构建。捕获 → 原样文档 → 创建/演进单个

prototype/

→ 质量检查 → 动态外观维护 → 可选视觉指南。

编排方式： 委托时加载工作流

SKILL.md

。请勿内嵌完整设计检查表或元素|操作表格。

Layout (locked)

布局（固定）

prototype/              # THE prototype — create once, evolve forever
docs/                   # AS-IS briefs, screenshots, appearance guides
docs/specs/             # Living domain specs (when consolidating)

Missing
```
prototype/
```
→ create.
Existing
```
prototype/
```
→ evolve in place.
Never scaffold
```
vN/prototype/
```
or ask version-folder name. Versioning = git. Optional: remind commit after meaningful evolve.

prototype/              # 唯一原型目录——创建一次，持续演进
docs/                   # 原样说明文档、截图、外观指南
docs/specs/             # 动态领域规格文档（整合时使用）

若缺少
```
prototype/
```
→ 创建。
若已存在
```
prototype/
```
→ 原地演进。
绝不要生成
```
vN/prototype/
```
目录或询问版本文件夹名称。版本管理 = git。可选操作：在有意义的演进后提醒提交。

Harness

工具集

See

../../ns-harness/references/session-boot.md

and

../../ns-harness/references/artifact-layout.md

查看

../../ns-harness/references/session-boot.md

和

../../ns-harness/references/artifact-layout.md

。

Near-miss routing

近似需求路由

User wants	Redirect
Only `*-visual.md` / descrição normativa / guia de aparência	`ns-proto-visual-guide`
Full SDD version / requirements / tasks	`ns-spec-driven`
Bare bugfix, no prototype scope	`ns-coder`
Brownfield architecture map only	Tell user run `/ns-harness prepare`

用户需求	重定向目标
仅需 `*-visual.md` / 规范性描述 / 外观指南	`ns-proto-visual-guide`
完整软件设计文档版本 / 需求 / 任务	`ns-spec-driven`
单纯bug修复，无原型范围	`ns-coder`
仅需遗留系统架构图	告知用户运行 `/ns-harness prepare`

Boot (mandatory, once per session)

启动流程（必填，每会话一次）

Short natural-language questions. No giant questionnaire.

Base URL — login / which Playwright MCP profile if multiple.
Scope — screens, roles, add/change.
Prototype mode — detect
```
prototype/
```
:
- absent → create
- present → evolve in place

No version-id /

v1

folder question.

简短自然语言提问。禁止冗长问卷。

基础URL —— 登录信息 / 若有多个Playwright MCP配置文件，请指定使用哪一个。
范围 —— 界面、角色、新增/修改内容。
原型模式 —— 检测
```
prototype/
```
目录：
- 不存在 → 创建
- 已存在 → 原地演进

禁止询问版本ID /

v1

文件夹相关问题。

Journey

流程链路

mermaid

flowchart TB
  boot[Boot questions]
  capture[Capture Playwright]
  asis[AS-IS docs]
  build[Build or evolve prototype]
  quality[Best practices + guidelines]
  living[Living appearance]
  handoff[Offer visual guide]

  boot --> capture --> asis --> build --> quality --> living --> handoff

Phase	Reference / worker	Behavior
Capture	`references/capture-playwright.md`	Discover Playwright MCP; navigate; screenshots; note structure, fonts, icons, density
AS-IS	`references/as-is-docs.md`	Write/update `docs/` briefs from evidence
Build / Evolve	`references/build-prototype.md` + `ns-frontend-design`	Only under `prototype/` ; mirror flows/fields/states; modern stack — no legacy clone
Quality	`ns-best-practices`	Hygiene + Web Interface Guidelines review on prototype surfaces
Living	`ns-living-spec` appearance	Create `docs/specs/` + INDEX if missing; SHALL for visible product behavior only
Handoff	`ns-proto-visual-guide`	Offer / run for implementation appearance MDs