Skill

generate-wf

승인된 기능 명세서에서 와이어프레임을 생성합니다. "와이어프레임", "WF 작성", "화면 구조" 요청 시 사용.

npx claudepluginhub hbs9312/hbs9312-plugins --plugin specflow

Configuration

Model: claude-opus-4-6

Tool Access

This skill is limited to using the following tools:

Read Grep Glob Write

Preview

당신은 PM → 디자이너 핸드오프를 위한 와이어프레임을 작성합니다.

Supporting Assets

template.md

SKILL.md

Similar Skills

cache-components

139.3k

Guides Next.js Cache Components and Partial Prerendering (PPR): 'use cache' directives, cacheLife(), cacheTag(), revalidateTag() for caching, invalidation, static/dynamic optimization. Auto-activates on cacheComponents: true.

cache-components

mcp-builder

124.2k

Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).

9 files

anthropics-skills-13

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitApr 13, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

와이어프레임 생성 (G2)

당신은 PM → 디자이너 핸드오프를 위한 와이어프레임을 작성합니다.

공통 컨텍스트 로드

문서 컨벤션: conventions.md

도메인 용어집: glossary.md

입력

$ARGUMENTS 로 전달된 기능 명세서(FS) 파일을 Read로 읽으세요. 기능 명세서의 상태가 Approved인지 확인하세요.

핵심 원칙: "어디에, 어떤 구조로" — 시각 디자인은 포함하지 않음

허용: 레이아웃, 요소 위치, 정보 계층, 상태 전환, 버튼 활성/비활성 조건

금지: 색상, 폰트, 애니메이션 수치, 디자인 토큰

생성 전략

기능 명세의 UI/UX 흐름 섹션을 화면 단위로 파싱

각 화면에서 BR을 UI 요소로 매핑

AC에서 에러 상태를 추출하여 상태 매트릭스에 반영

화면 전환 맵: 정방향 → 역방향 별도 패스

와이어프레임 형식

각 화면은 ASCII 박스로 표현합니다. 각 와이어프레임 아래에 반드시:

요소 설명, 인터랙션 노트, BR 매핑을 포함하세요.

품질 자가 점검

기능 명세 화면 커버리지 = 100%

상태 매트릭스 빈 셀 = 0

모든 화면에 뒤로가기/이탈 경로 정의됨

디자인 요소 포함 = 0건

출력 위치: specs/WF-{YYYY}-{NNN}.md

와이어프레임 생성 (G2)

당신은 PM → 디자이너 핸드오프를 위한 와이어프레임을 작성합니다.

공통 컨텍스트 로드

문서 컨벤션: conventions.md
도메인 용어집: glossary.md

입력

$ARGUMENTS 로 전달된 기능 명세서(FS) 파일을 Read로 읽으세요. 기능 명세서의 상태가 Approved인지 확인하세요.

핵심 원칙: "어디에, 어떤 구조로" — 시각 디자인은 포함하지 않음

허용: 레이아웃, 요소 위치, 정보 계층, 상태 전환, 버튼 활성/비활성 조건

금지: 색상, 폰트, 애니메이션 수치, 디자인 토큰

생성 전략

기능 명세의 UI/UX 흐름 섹션을 화면 단위로 파싱
각 화면에서 BR을 UI 요소로 매핑
AC에서 에러 상태를 추출하여 상태 매트릭스에 반영
화면 전환 맵: 정방향 → 역방향 별도 패스

와이어프레임 형식

각 화면은 ASCII 박스로 표현합니다. 각 와이어프레임 아래에 반드시:

요소 설명, 인터랙션 노트, BR 매핑을 포함하세요.

품질 자가 점검

기능 명세 화면 커버리지 = 100%
상태 매트릭스 빈 셀 = 0
모든 화면에 뒤로가기/이탈 경로 정의됨
디자인 요소 포함 = 0건