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

mspec-visual-prototype

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

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

설치 방법 보기

포함된 파일(1)

  • SKILL.md1.7 KB

SKILL.md(원문)

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

<!-- @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 / 1,000자

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

같은 저장소의 스킬

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

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

tubone24/mspec52026년 6월 9일 업데이트

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

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

tubone24/mspec52026년 6월 9일 업데이트

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

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

tubone24/mspec52026년 6월 9일 업데이트

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

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

tubone24/mspec52026년 6월 9일 업데이트

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

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

tubone24/mspec52026년 6월 9일 업데이트

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

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

tubone24/mspec52026년 6월 9일 업데이트

tubone24의 스킬 모두 보기

이 스킬의 문제 신고