跳到正文
cccskills
免费在 GitHub 公开

mspec-visual-prototype

visual-mock step of mspec workflow — generate UI prototype HTML and collect feedback

中文简介正在准备中。当前显示原文说明。

tubone24/mspec
查看安装方法

包含的文件（1）

  • SKILL.md1.7 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

<!-- @mspec-delta 2026-05-23-085322-rename-visual-mock-to-prototype/specs/visual-mock/spec.md --> <!-- Requirements implemented: FR-005 --> <!-- Change: rename-visual-mock-to-prototype -->

Procedure

  1. Run mspec status --change <change-dir> --json to confirm current_step: "visual-mock".
  2. Invoke the mspec-visual-prototype-runner subagent to generate changes/<change>/prototype/index.html.
    • Pass: the ## Goals section from proposal.md + the detected FrameworkInfo.promptHint (run mspec prototype --change <change-dir> to get this).
  3. Run mspec prototype --change <change-dir> to start the local server and display the URL.
  4. Instruct the user to open http://localhost:<port> in their browser.
  5. Wait for the user to review and press Ctrl+C. Feedback is automatically saved to prototype-feedback.md.
  6. To skip: mspec skip visual-mock --change <change-dir> --reason "<reason>".
  7. block: true — stop and ask the user to run /mspec:continue.

Verification (C2)

  • mspec validate --change <change> — アーティファクト整合性チェック
  • mspec anchor check --change <change> — アンカー解決確認

Learning (C3)

このスキルの実行で発生した学習候補を記録する:

<!-- LEARNING: <パターン説明> | source: <FR-ID> | confidence: low|medium|high -->

mspec learn コマンドが archive 済み changes からこれらを収集してpost-condition候補をproposeする。

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

mspec-archive

免费

archive step of mspec workflow — deterministic merge into SoT spec and archive move

中文简介正在准备中。当前显示原文说明。

tubone24/mspec52026年6月9日 更新

mspec-checklist

免费

checklist step of mspec workflow — produce checklist.md via subagent

中文简介正在准备中。当前显示原文说明。

tubone24/mspec52026年6月9日 更新

mspec-delta

免费

delta step of mspec workflow — generate Delta Spec with auto-numbered FR-NNN

中文简介正在准备中。当前显示原文说明。

tubone24/mspec52026年6月9日 更新

mspec-design

免费

design step of mspec workflow — write design.md + design-rationale.md + architecture-overview.md, full Constitution Check

中文简介正在准备中。当前显示原文说明。

tubone24/mspec52026年6月9日 更新

mspec-implement

免费

implement step of mspec workflow — write code/tests with TDD red→green and anchors

中文简介正在准备中。当前显示原文说明。

tubone24/mspec52026年6月9日 更新

mspec-lessons-analyzer

免费

archive ステップ完了後に Lessons を分析し constitution.md への追加提案を生成するサブエージェント

中文简介正在准备中。当前显示原文说明。

tubone24/mspec52026年6月9日 更新

查看 tubone24 的全部技能

报告此技能的问题