diff --git a/.claude-plugin/marketplace.json b/.claude-plugin/marketplace.json
index 617d32a..bc11a78 100644
--- a/.claude-plugin/marketplace.json
+++ b/.claude-plugin/marketplace.json
@@ -5,13 +5,13 @@
     "email": "rukais2294@gmail.com"
   },
   "metadata": {
-    "description": "AI-native Vibe Coding — From idea to Deploy, Zero friction. Unified plugin with 12 agents, 5 commands, 4 skills, team-based parallel build, 20 design styles, screen-spec generator.",
+    "description": "AI-native Vibe Coding — From idea to Deploy, Zero friction. Unified plugin with 13 agents, 5 commands, 5 skills, team-based parallel build, 20 design styles, screen-spec generator.",
     "version": "2.1.0"
   },
   "plugins": [
     {
       "name": "wigtn-coding",
-      "description": "Unified AI-native Vibe Coding plugin: PRD generation, digging analysis, screen-spec (IA / User Flow / Wireframe HTML / Dev Handoff), team-based parallel implementation, quality-gated auto-commit, 20 design styles, frontend (React/Next.js), backend (NestJS/Prisma), mobile (React Native/Expo), AI integration (STT/LLM), DevOps (Docker/CI-CD). 12 agents, 5 commands, 4 skills.",
+      "description": "Unified AI-native Vibe Coding plugin: PRD generation, digging analysis, screen-spec (IA / User Flow / Wireframe HTML / Dev Handoff), team-based parallel implementation, quality-gated auto-commit, 20 design styles, frontend (React/Next.js), backend (NestJS/Prisma), mobile (React Native/Expo), AI integration (STT/LLM), DevOps (Docker/CI-CD). 13 agents, 5 commands, 5 skills.",
       "source": "./plugins/wigtn-coding",
       "version": "2.1.0",
       "author": {
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
new file mode 100644
index 0000000..ef2de71
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,44 @@
+name: 🐞 Bug report
+description: 플러그인이 기대대로 동작하지 않을 때 / Report a bug in the plugin
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        버그를 알려주셔서 감사합니다. 재현 단계가 구체적일수록 빨리 고칠 수 있습니다.
+  - type: input
+    id: component
+    attributes:
+      label: 영향 받는 부분 / Affected part
+      description: 어떤 command / agent / skill 인가요?
+      placeholder: "/screen-spec, code-reviewer, handdrawn-diagram, …"
+    validations:
+      required: true
+  - type: textarea
+    id: what-happened
+    attributes:
+      label: 무슨 일이 있었나요? / What happened?
+      description: 기대한 동작 vs 실제 동작
+      placeholder: |
+        기대: …
+        실제: …
+    validations:
+      required: true
+  - type: textarea
+    id: repro
+    attributes:
+      label: 재현 단계 / Steps to reproduce
+      placeholder: |
+        1. `/prd …`
+        2. `/screen-spec …`
+        3. …
+    validations:
+      required: true
+  - type: textarea
+    id: env
+    attributes:
+      label: 환경 / Environment
+      description: Claude Code 버전, OS, 플러그인 버전
+      placeholder: "Claude Code x.y, macOS 15, wigtn-coding 2.1.0"
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..2661706
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,2 @@
+# Discussions are not enabled on this repo; general questions go through blank issues.
+blank_issues_enabled: true
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
new file mode 100644
index 0000000..5d0e1b4
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -0,0 +1,36 @@
+name: 💡 Feature request
+description: 새 agent / command / skill 또는 개선 제안 / Propose a new capability
+labels: ["enhancement"]
+body:
+  - type: textarea
+    id: problem
+    attributes:
+      label: 어떤 문제를 풀고 싶나요? / What problem does this solve?
+      description: 해결하려는 워크플로우/불편을 먼저 적어주세요 (해결책보다 문제 먼저).
+    validations:
+      required: true
+  - type: dropdown
+    id: kind
+    attributes:
+      label: 종류 / Kind
+      options:
+        - New skill
+        - New command
+        - New agent
+        - Improve existing
+        - Other
+    validations:
+      required: true
+  - type: textarea
+    id: proposal
+    attributes:
+      label: 제안 / Proposed solution
+      description: 어떻게 동작하면 좋을지. 트리거 예시(`/...`)가 있으면 도움이 됩니다.
+    validations:
+      required: false
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: 대안 / Alternatives considered
+    validations:
+      required: false
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..85371e9
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,28 @@
+<!-- 한 PR에 하나의 관심사. 제목은 Conventional Commits 형식 (feat/fix/docs/refactor/chore). -->
+
+## Summary
+
+<!-- 무엇을, 왜 바꿨는지 1~3줄 -->
+
+## Changes
+
+-
+
+## Type
+
+- [ ] `feat` — new agent / command / skill / capability
+- [ ] `fix` — bug fix
+- [ ] `docs` — documentation only
+- [ ] `refactor` / `chore`
+
+## Checklist
+
+- [ ] 새 agent/command/skill을 `plugin.json`에 등록했다 (해당 시)
+- [ ] 카운트를 모두 동기화했다 — `plugin.json`, `marketplace.json`, `README.{md,ko,cn}` 배지/표, `CLAUDE.md` (해당 시)
+- [ ] `python3 .github/scripts/validate_plugin.py` 통과
+- [ ] 버전 변경 시 `marketplace.json` ↔ `plugin.json` ↔ README/CLAUDE.md 일치
+- [ ] 사용자 노출 콘텐츠는 한국어, 코드/커밋은 영어
+
+## Related issue
+
+<!-- Closes #NN -->
diff --git a/.github/scripts/validate_plugin.py b/.github/scripts/validate_plugin.py
new file mode 100644
index 0000000..43491ff
--- /dev/null
+++ b/.github/scripts/validate_plugin.py
@@ -0,0 +1,144 @@
+#!/usr/bin/env python3
+"""Validate WIGTN plugin manifests against the filesystem and each other.
+
+Guards the count/version drift class of bugs: stated counts in descriptions,
+plugin.json arrays, and the actual files on disk must all agree, and the
+version must be consistent across manifests. Exits non-zero on any mismatch.
+
+Run locally: python3 .github/scripts/validate_plugin.py
+"""
+
+from __future__ import annotations
+
+import json
+import re
+import sys
+from pathlib import Path
+from typing import List, Tuple
+
+ROOT = Path(__file__).resolve().parents[2]
+MARKETPLACE = ROOT / ".claude-plugin" / "marketplace.json"
+
+errors: List[str] = []
+
+
+def load_json(path: Path) -> dict:
+    """Load JSON, recording a fatal error if it is missing or malformed."""
+    try:
+        return json.loads(path.read_text(encoding="utf-8"))
+    except FileNotFoundError:
+        errors.append(f"{path.relative_to(ROOT)}: file not found")
+    except json.JSONDecodeError as exc:
+        errors.append(f"{path.relative_to(ROOT)}: invalid JSON — {exc}")
+    return {}
+
+
+def count_dir(path: Path, pattern: str) -> int:
+    """Count entries matching a glob; 0 if the directory is absent."""
+    return len(list(path.glob(pattern))) if path.is_dir() else 0
+
+
+def stated_counts(text: str) -> dict:
+    """Extract 'N agents | commands | skills' counts from a description string."""
+    found = {}
+    for kind in ("agents", "commands", "skills"):
+        match = re.search(rf"(\d+)\s+{kind}", text)
+        if match:
+            found[kind] = int(match.group(1))
+    return found
+
+
+def check_plugin(source: Path, mkt_version: str) -> None:
+    """Validate one plugin's manifest, arrays, file counts, and version."""
+    rel = source.relative_to(ROOT)
+    manifest = source / ".claude-plugin" / "plugin.json"
+    data = load_json(manifest)
+    if not data:
+        return
+
+    actual: dict = {
+        "agents": count_dir(source / "agents", "*.md"),
+        "commands": count_dir(source / "commands", "*.md"),
+        "skills": len([p for p in (source / "skills").glob("*") if p.is_dir()])
+        if (source / "skills").is_dir()
+        else 0,
+    }
+
+    # plugin.json arrays must match the files on disk.
+    for kind in ("agents", "commands", "skills"):
+        listed = len(data.get(kind, []))
+        if listed != actual[kind]:
+            errors.append(
+                f"{rel}: plugin.json lists {listed} {kind} "
+                f"but {actual[kind]} exist on disk"
+            )
+
+    # Stated counts in plugin.json description must match reality.
+    for kind, n in stated_counts(data.get("description", "")).items():
+        if n != actual[kind]:
+            errors.append(
+                f"{rel}: description says {n} {kind} but {actual[kind]} exist"
+            )
+
+    # Version must agree with the marketplace entry (when present).
+    plugin_version = data.get("version")
+    if plugin_version and mkt_version and plugin_version != mkt_version:
+        errors.append(
+            f"{rel}: plugin.json version {plugin_version} != "
+            f"marketplace version {mkt_version}"
+        )
+
+    return actual
+
+
+def main() -> int:
+    mkt = load_json(MARKETPLACE)
+    if not mkt:
+        print_report()
+        return 1
+
+    mkt_meta_version = mkt.get("metadata", {}).get("version", "")
+
+    for entry in mkt.get("plugins", []):
+        source = (ROOT / entry["source"]).resolve()
+        entry_version = entry.get("version", "")
+        if entry_version and mkt_meta_version and entry_version != mkt_meta_version:
+            errors.append(
+                f"marketplace.json: plugin '{entry.get('name')}' version "
+                f"{entry_version} != metadata version {mkt_meta_version}"
+            )
+        actual = check_plugin(source, entry_version or mkt_meta_version)
+
+        # Stated counts in the marketplace description must match reality too.
+        if actual:
+            for kind, n in stated_counts(entry.get("description", "")).items():
+                if n != actual[kind]:
+                    errors.append(
+                        f"marketplace.json: plugin '{entry.get('name')}' "
+                        f"description says {n} {kind} but {actual[kind]} exist"
+                    )
+            for kind, n in stated_counts(
+                mkt.get("metadata", {}).get("description", "")
+            ).items():
+                if n != actual[kind]:
+                    errors.append(
+                        f"marketplace.json: metadata description says {n} {kind} "
+                        f"but {actual[kind]} exist"
+                    )
+
+    print_report()
+    return 1 if errors else 0
+
+
+def print_report() -> None:
+    if errors:
+        print("Plugin validation FAILED:\n")
+        for err in errors:
+            print(f"  ✗ {err}")
+        print(f"\n{len(errors)} problem(s). See .github/scripts/validate_plugin.py")
+    else:
+        print("Plugin validation passed — manifests, counts, and version agree.")
+
+
+if __name__ == "__main__":
+    sys.exit(main())
diff --git a/.github/workflows/validate.yml b/.github/workflows/validate.yml
new file mode 100644
index 0000000..0540a8e
--- /dev/null
+++ b/.github/workflows/validate.yml
@@ -0,0 +1,25 @@
+name: validate
+
+on:
+  pull_request:
+    paths:
+      - ".claude-plugin/**"
+      - "plugins/**"
+      - "README*.md"
+      - "CLAUDE.md"
+      - ".github/scripts/validate_plugin.py"
+  push:
+    branches: [main]
+
+permissions:
+  contents: read
+
+jobs:
+  manifests:
+    name: Validate plugin manifests & counts
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Validate JSON, arrays, counts, and version consistency
+        run: python3 .github/scripts/validate_plugin.py
diff --git a/CLAUDE.md b/CLAUDE.md
index 1a9bc5e..e4740b1 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -4,7 +4,7 @@
 
 A unified Claude Code plugin enabling AI-powered Vibe Coding: idea to production with minimal friction.
 
-**Version**: 2.0.0
+**Version**: 2.1.0
 **License**: Apache-2.0
 **Repository**: https://github.com/wigtn/wigtn-plugins-with-claude-code
 
@@ -14,9 +14,9 @@ A unified Claude Code plugin enabling AI-powered Vibe Coding: idea to production
 wigtn-plugins-with-claude-code/
 ├── .claude-plugin/           # Marketplace metadata
 ├── plugins/
-│   └── wigtn-coding/         # Unified plugin: 12 agents, 5 commands, 5 skills, 20 design styles
+│   └── wigtn-coding/         # Unified plugin: 13 agents, 5 commands, 5 skills, 20 design styles
 │       ├── .claude-plugin/   # Plugin metadata
-│       ├── agents/           # 12 agent definitions
+│       ├── agents/           # 13 agent definitions
 │       ├── commands/         # 5 commands (/prd, /screen-spec, /implement, /auto-commit, /review-pr)
 │       ├── skills/           # 5 skills (code-review-levels, design-system-reference, handdrawn-diagram, screen-spec, team-memory-protocol)
 │       └── hooks/            # Hooks configuration
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..a0ce092
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,63 @@
+# Contributing to WIGTN Coding
+
+Thanks for your interest! This repo is a Claude Code **plugin marketplace** — one
+unified plugin (`wigtn-coding`) made of agents, commands, and skills. The notes
+below keep contributions consistent and mergeable.
+
+한국어 사용자를 위한 콘텐츠는 한국어로 작성하되, 코드·커밋·이 문서는 영어를 유지합니다.
+
+## Repo layout
+
+```
+.claude-plugin/marketplace.json   # marketplace entry (name, version, plugin list)
+plugins/wigtn-coding/
+├── .claude-plugin/plugin.json     # plugin manifest (agents/commands/skills arrays)
+├── agents/      *.md              # one file per agent
+├── commands/    *.md              # one file per slash command
+├── skills/      <name>/SKILL.md   # one folder per skill
+└── hooks/hooks.json
+```
+
+## Adding an agent / command / skill
+
+1. Create the file/folder under the matching directory.
+2. **Register it** in `plugins/wigtn-coding/.claude-plugin/plugin.json` (add to the
+   `agents` / `commands` / `skills` array). A skill that is not in the array is not
+   exposed by the plugin.
+3. **Update the counts everywhere** — this is enforced by CI (see below):
+   - `plugins/wigtn-coding/.claude-plugin/plugin.json` description (`N agents, …`)
+   - `.claude-plugin/marketplace.json` (both descriptions)
+   - `README.md`, `README.ko.md`, `README.cn.md` (the `N-Skills` / `N-Agents`
+     badges **and** the skill/agent tables)
+   - `CLAUDE.md` architecture block
+4. User-facing content (skills, commands) is written in Korean; keep technical
+   terms in English.
+
+## Conventions
+
+- **Commits**: Conventional Commits — `feat(skill):`, `fix:`, `docs:`, `chore:`, …
+- **Branches**: `feat/<name>`, `fix/<desc>`, `refactor/<desc>`.
+- **Skill frontmatter**: `name`, `description` (with trigger keywords), optional
+  `allowed-tools`. See existing skills for the pattern.
+- **Mermaid in generated docs**: quote every label (`["..."]`), use only valid
+  shapes, no `mindmap` (use `flowchart LR`).
+
+## Versioning & releases
+
+Single source of truth: the `version` in `marketplace.json` and `plugin.json` must
+match, and `README` / `CLAUDE.md` must state the same number. Bump with
+[SemVer](https://semver.org/): `fix` → patch, `feat` → minor.
+
+## Before you open a PR
+
+Run the same check CI runs:
+
+```bash
+python3 .github/scripts/validate_plugin.py
+```
+
+It verifies that JSON is valid and that the stated counts, the `plugin.json`
+arrays, and the files on disk all agree — and that the version is consistent. PRs
+that drift will fail this check.
+
+Fill in the PR template, link any related issue, and keep one concern per PR.
diff --git a/README.cn.md b/README.cn.md
index 31df3b4..8335f8e 100644
--- a/README.cn.md
+++ b/README.cn.md
@@ -6,7 +6,7 @@
 
 **一个插件。13 个智能体。从创意到生产。**
 
-![Version](https://img.shields.io/badge/v2.0.0-Unified_Plugin-FF6B6B?style=for-the-badge)
+![Version](https://img.shields.io/badge/v2.1.0-Unified_Plugin-FF6B6B?style=for-the-badge)
 ![Agents](https://img.shields.io/badge/13-Agents-5A67D8?style=for-the-badge)
 ![Commands](https://img.shields.io/badge/5-Commands-38B2AC?style=for-the-badge)
 ![Skills](https://img.shields.io/badge/4-Skills-00D4AA?style=for-the-badge)
@@ -186,7 +186,7 @@ WIGTN Coding 是一个 Claude Code 插件。你描述想要构建的东西，13
 | 命令 | 功能 |
 |------|------|
 | `/prd <功能>` | 根据功能创意生成 PRD + 分阶段任务计划（针对 UI 功能新增 User Roles、Page State Matrix、User Flow 章节） |
-| `/screen-spec <功能>` | 可选 UI 阶段：IA + 用户流程 + 屏幕规格 + 可点击 HTML 线框图 + Dev Handoff，与 design-discovery 20 种风格联动 |
+| `/screen-spec <功能>` | 可选 UI 阶段：IA + 用户流程 + 屏幕规格 + 可点击 HTML 线框图 + Dev Handoff。灰度 + 语义色 lo-fi 线框图（风格决策在 `/implement` 阶段） |
 | `/implement <功能>` | 自动并行模式检测，进行设计 + 构建（如存在 screen-spec 产物则作为输入使用） |
 | `/auto-commit` | 3 智能体并行审查 → 质量门禁 → 提交 + PR |
 | `/review-pr <PR>` | 在终端审查 GitHub PR：diff 分析、质量评分、行内评论 |
@@ -233,7 +233,7 @@ WIGTN Coding 是一个 Claude Code 插件。你描述想要构建的东西，13
 |------|---------|
 | `code-review-levels` | 深度审查（Level 3：调用链、边界情况、并发）和架构审查（Level 4：SOLID、层违规、可扩展性） |
 | `design-system-reference` | 20 个风格指南 — 排版、色彩、组件、动效、反模式。与 design-discovery 协同进行上下文感知推荐 |
-| `screen-spec` | 从 PRD 生成 5 种 UI 产物 — IA、用户流程、屏幕规格、可点击 Wireframe HTML、Dev Handoff。与 20 种设计风格联动。由 `/screen-spec` 调用 |
+| `screen-spec` | 从 PRD 生成 5 种 UI 产物 — IA、用户流程、屏幕规格、可点击 Wireframe HTML、Dev Handoff。灰度 + 语义色 lo-fi 线框图（风格在 `/implement` 决定）。由 `/screen-spec` 调用 |
 | `team-memory-protocol` | 并行构建中跨智能体共享上下文（SHARED_CONTEXT）管理 |
 
 </details>
diff --git a/README.ko.md b/README.ko.md
index df654f9..7674bce 100644
--- a/README.ko.md
+++ b/README.ko.md
@@ -6,7 +6,7 @@
 
 **하나의 플러그인. 13개 에이전트. 아이디어에서 프로덕션까지.**
 
-![Version](https://img.shields.io/badge/v2.0.0-Unified_Plugin-FF6B6B?style=for-the-badge)
+![Version](https://img.shields.io/badge/v2.1.0-Unified_Plugin-FF6B6B?style=for-the-badge)
 ![Agents](https://img.shields.io/badge/13-Agents-5A67D8?style=for-the-badge)
 ![Commands](https://img.shields.io/badge/5-Commands-38B2AC?style=for-the-badge)
 ![Skills](https://img.shields.io/badge/5-Skills-00D4AA?style=for-the-badge)
@@ -186,7 +186,7 @@ WIGTN Coding은 Claude Code 플러그인입니다. 만들고 싶은 걸 설명
 | 명령어 | 기능 |
 |--------|------|
 | `/prd <기능>` | 기능 아이디어로부터 PRD + 단계별 작업 계획 생성 (UI가 있는 기능은 User Roles, Page State Matrix, User Flow 섹션이 추가됨) |
-| `/screen-spec <기능>` | 선택적 UI 게이트: IA + 유저 플로우 + 화면별 명세 + 클릭 가능한 HTML 와이어프레임 + Dev Handoff. design-discovery 20종 스타일과 연동 |
+| `/screen-spec <기능>` | 선택적 UI 게이트: IA + 유저 플로우 + 화면별 명세 + 클릭 가능한 HTML 와이어프레임 + Dev Handoff. 흑백 + 의미색 lo-fi 와이어프레임 (스타일 결정은 `/implement` 단계) |
 | `/implement <기능>` | 자동 병렬 모드 감지, 설계 + 빌드 (screen-spec 산출물이 있으면 입력으로 사용) |
 | `/auto-commit` | 3-에이전트 병렬 리뷰 → 품질 게이트 → 커밋 + PR |
 | `/review-pr <PR>` | 터미널에서 GitHub PR 리뷰: diff 분석, 품질 점수, 인라인 코멘트 |
@@ -234,7 +234,7 @@ WIGTN Coding은 Claude Code 플러그인입니다. 만들고 싶은 걸 설명
 | `code-review-levels` | 심층 리뷰 (Level 3: 호출 체인, 에지 케이스, 동시성) 및 아키텍처 리뷰 (Level 4: SOLID, 계층 위반, 확장성) |
 | `design-system-reference` | 20개 스타일 가이드 — 타이포그래피, 색상, 컴포넌트, 모션, 안티패턴. design-discovery와 연동하여 컨텍스트 기반 추천 |
 | `handdrawn-diagram` | Mermaid `look:handDrawn`로 손그림(스케치) 스타일 아키텍처/플로우 다이어그램을 커밋 가능한 SVG + PNG로 생성. README, GitHub, Devpost, 슬라이드에서 동일하게 렌더 |
-| `screen-spec` | PRD로부터 5종 UI 산출물 생성 — IA, User Flow, 화면별 명세, 클릭 가능한 Wireframe HTML, Dev Handoff. 20개 디자인 스타일 연동. `/screen-spec`에서 호출 |
+| `screen-spec` | PRD로부터 5종 UI 산출물 생성 — IA, User Flow, 화면별 명세, 클릭 가능한 Wireframe HTML, Dev Handoff. 흑백 + 의미색 lo-fi 와이어프레임(스타일은 `/implement`에서 결정). `/screen-spec`에서 호출 |
 | `team-memory-protocol` | 병렬 빌드 중 에이전트 간 공유 컨텍스트(SHARED_CONTEXT) 관리 |
 
 </details>
diff --git a/README.md b/README.md
index 14648d1..639afcb 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 **One plugin. 13 agents. From idea to production.**
 
-![Version](https://img.shields.io/badge/v2.0.0-Unified_Plugin-FF6B6B?style=for-the-badge)
+![Version](https://img.shields.io/badge/v2.1.0-Unified_Plugin-FF6B6B?style=for-the-badge)
 ![Agents](https://img.shields.io/badge/13-Agents-5A67D8?style=for-the-badge)
 ![Commands](https://img.shields.io/badge/5-Commands-38B2AC?style=for-the-badge)
 ![Skills](https://img.shields.io/badge/5-Skills-00D4AA?style=for-the-badge)
@@ -186,7 +186,7 @@ Each step runs in parallel where possible. Full pipeline: ~6 min (vs ~20 min seq
 | Command | What it does |
 |---------|-------------|
 | `/prd <feature>` | Generate PRD + phased task plan from a feature idea (now includes User Roles, Page State Matrix, User Flow sections for UI features) |
-| `/screen-spec <feature>` | Optional UI gate: IA + User Flow + Screen Spec + clickable HTML wireframe + Dev Handoff, integrated with design-discovery 20 styles |
+| `/screen-spec <feature>` | Optional UI gate: IA + User Flow + Screen Spec + clickable HTML wireframe + Dev Handoff. Lo-fi wireframe (grayscale + semantic colors); style is decided later at `/implement` |
 | `/implement <feature>` | Design + build with automatic parallel team dispatch (consumes screen-spec output if present) |
 | `/auto-commit` | 3-agent parallel review → quality gate → commit + PR |
 | `/review-pr <PR>` | Review a GitHub PR from terminal: diff analysis, quality score, inline comments |
@@ -234,7 +234,7 @@ Each step runs in parallel where possible. Full pipeline: ~6 min (vs ~20 min seq
 | `code-review-levels` | Deep review (Level 3: call chains, edge cases, concurrency) and architecture review (Level 4: SOLID, layer violations, scalability) |
 | `design-system-reference` | 20 style guides with typography, color, components, motion, and anti-patterns. Works with design-discovery for context-aware recommendations |
 | `handdrawn-diagram` | Generates a hand-drawn (sketch-style) architecture or flow diagram as committable SVG + PNG via Mermaid `look:handDrawn`. Renders identically on README, GitHub, Devpost, and slides |
-| `screen-spec` | Generates 5 UI artifacts from PRD — IA, User Flow, Screen Spec, clickable Wireframe HTML, Dev Handoff. Integrates with 20 design styles. Invoked by `/screen-spec` |
+| `screen-spec` | Generates 5 UI artifacts from PRD — IA, User Flow, Screen Spec, clickable Wireframe HTML, Dev Handoff. Lo-fi wireframe (grayscale + semantic colors); style decisions deferred to `/implement`. Invoked by `/screen-spec` |
 | `team-memory-protocol` | SHARED_CONTEXT management for cross-agent coordination during parallel builds |
 
 </details>
diff --git a/plugins/wigtn-coding/.claude-plugin/plugin.json b/plugins/wigtn-coding/.claude-plugin/plugin.json
index a66db23..cdd5a43 100644
--- a/plugins/wigtn-coding/.claude-plugin/plugin.json
+++ b/plugins/wigtn-coding/.claude-plugin/plugin.json
@@ -1,6 +1,7 @@
 {
   "name": "wigtn-coding",
-  "description": "AI-native Vibe Coding — From idea to Deploy, Zero friction. 12 agents, 5 commands, 5 skills, team-based parallel build, 20 design styles, screen-spec generator (IA / User Flow / Wireframe HTML).",
+  "description": "AI-native Vibe Coding — From idea to Deploy, Zero friction. 13 agents, 5 commands, 5 skills, team-based parallel build, 20 design styles, screen-spec generator (IA / User Flow / Wireframe HTML).",
+  "version": "2.1.0",
   "agents": [
     "./agents/architecture-decision.md",
     "./agents/code-formatter.md",
diff --git a/plugins/wigtn-coding/commands/screen-spec.md b/plugins/wigtn-coding/commands/screen-spec.md
index 986439e..e030f57 100644
--- a/plugins/wigtn-coding/commands/screen-spec.md
+++ b/plugins/wigtn-coding/commands/screen-spec.md
@@ -53,7 +53,7 @@ PRD를 입력으로 받아 화면정의서 5종 산출물을 생성합니다. `/
 
 - `feature-name`: 기능명 (required, PRD 파일명과 일치)
 - `--interview`: LOAD 후 단일 턴 배치 Q&A로 화면 레이어 의사결정을 끌어냄 (네비 패턴, 밀도, 에러 톤, 빈 상태, 전환 방식, 모바일 우선순위 등 5~7개)
-- `--platform=<web|mobile>`: 출력 템플릿 분기. 미지정 시 PRD §1 Overview의 키워드("앱", "RN", "React Native", "mobile") 감지 결과에 따라 자동 선택 — 키워드 있으면 `mobile`, 없으면 `web`. 명시값이 있으면 자동 감지를 덮어쓴다.
+- `--platform=<web|mobile>`: 출력 템플릿 분기. 미지정 시 PRD §1 Overview의 **모바일 시그널**(`React Native`, `RN`, `iOS`, `Android`, `네이티브`, `앱스토어`, `모바일 앱`, `mobile`) 감지로 자동 선택 — 시그널 있으면 `mobile`, 없으면 `web`. ⚠️ 단독 `앱`은 시그널 아님(`웹앱`에 오탐). 명시값이 있으면 자동 감지를 덮어쓴다.
 - `--pages=<list>`: 특정 페이지만 명세 (쉼표 구분, 예: `--pages=/submit,/my`). 재실행 시 지정 파일만 덮어쓰고 나머지 산출물은 보존
 
 > **Note**: 와이어프레임은 흑백 + 의미색만 사용하는 lo-fi 산출물이며, 스타일/브랜드/타이포 결정은 별도 단계(mockup 또는 `/implement` 직전)에서 수행한다.
diff --git a/plugins/wigtn-coding/skills/screen-spec/SKILL.md b/plugins/wigtn-coding/skills/screen-spec/SKILL.md
index 1ecb6e9..fdbcac6 100644
--- a/plugins/wigtn-coding/skills/screen-spec/SKILL.md
+++ b/plugins/wigtn-coding/skills/screen-spec/SKILL.md
@@ -72,8 +72,10 @@ LOAD → [INTERVIEW?] → GENERATE × 5 → REVIEW → HANDOFF
    - §5.5 누락 → "User Flow가 필요합니다" 안내 후 stop
 4. 플랫폼 감지 및 자동 전환:
    - `--platform` 명시값이 있으면 그 값을 그대로 사용 (사용자 의도 우선)
-   - 미지정 + §1 Overview에 "앱", "RN", "React Native", "mobile" 키워드 감지 → **자동으로 `mobile` 모드 전환**. "모바일 PRD로 판단되어 `--platform=mobile`로 진행합니다. 웹으로 강제하려면 `--platform=web`을 명시하세요." 안내 출력
-   - 미지정 + 키워드 없음 → 기본 `web`
+   - 미지정 + §1 Overview에 **모바일 시그널** 감지 → **자동으로 `mobile` 모드 전환**. "모바일 PRD로 판단되어 `--platform=mobile`로 진행합니다. 웹으로 강제하려면 `--platform=web`을 명시하세요." 안내 출력
+     - 시그널: `React Native`, `RN`, `iOS`, `Android`, `네이티브`, `앱스토어`, `모바일 앱`, `mobile`
+     - ⚠️ 단독 `앱`은 시그널로 쓰지 않는다 — `웹앱`/`web app`에 부분 매칭되어 오탐. `웹앱`만 있으면 `web`
+   - 미지정 + 시그널 없음 → 기본 `web`
 
 ### Phase 2: INTERVIEW (선택, `--interview` 플래그 시에만)
 
@@ -98,7 +100,7 @@ PRD가 못 다루는 화면 레이어 의사결정을 끌어낸다. **단일 메
 
 **실행 분기 (토큰 최적화)**:
 - **3.1~3.3 (IA, User Flow, Screen Spec)**: 메인 스레드에서 직접 생성. 짧고 구조적이며 후속 단계에서 참조 빈도가 높음.
-- **3.4~3.5 (Wireframe HTML, Dev Handoff)**: **subagent로 분기 실행**. 가장 큰 출력이며 한 번 생성 후 재참조가 적어 메인 컨텍스트에 누적할 가치가 낮음. 호출 시 Agent 도구로 `general-purpose` 또는 신설된 전용 subagent에 다음을 전달:
+- **3.4~3.5 (Wireframe HTML, Dev Handoff)**: **subagent로 분기 실행**. 가장 큰 출력이며 한 번 생성 후 재참조가 적어 메인 컨텍스트에 누적할 가치가 낮음. 호출 시 Agent 도구로 `general-purpose` subagent에 다음을 전달:
   - PRD 파일 경로
   - 01~03 산출물 파일 경로 (subagent가 재읽기)
   - 사용할 템플릿 경로 (플랫폼 분기 결과)
@@ -204,7 +206,7 @@ flowchart TD
 **플랫폼 분기**:
 - `--platform=web` (기본) → `templates/04-WIREFRAME.html` 보일러플레이트 사용. Desktop ≥1024 / Tablet 768~1023 / Mobile <768 분기점.
 - `--platform=mobile` → `templates/04-WIREFRAME-mobile.html` 사용. iPhone 15 (393×852) / SE (375×667) 프레임, Stack/Tab/Drawer 네비 패턴, safe area, bottom/action sheet 예시 포함.
-- 미지정 + PRD §1 Overview에 "앱", "RN", "React Native", "mobile" 키워드 감지 → LOAD 단계에서 **자동으로 mobile 모드로 전환**하고 사용자에게 안내. 사용자가 웹으로 강제하려면 `--platform=web`을 명시.
+- 미지정 + PRD §1 Overview에 모바일 시그널(`React Native`/`RN`/`iOS`/`Android`/`네이티브`/`앱스토어`/`모바일 앱`/`mobile`, **단독 `앱`·`웹앱`은 제외**) 감지 → LOAD 단계에서 **자동으로 mobile 모드로 전환**하고 사용자에게 안내. 사용자가 웹으로 강제하려면 `--platform=web`을 명시.
 
 의미색 가이드:
 - `bg-red-50` / `text-red-*` — error 상태
@@ -309,10 +311,11 @@ flowchart TD
 
 **반환 형식**: `PASS | WARN(개수) | FAIL(critical 개수, 항목 리스트)` — 자세한 출력 스키마는 `references/handoff-checklist.md` "Output Format" 섹션 참조.
 
-**결과 처리**:
+**결과 처리** (구간 연속, 공백 없음):
 - PASS → 진행
-- WARN (≤3건) → 경고만 표시하고 진행
-- FAIL (≥1 critical 또는 WARN ≥8) → 해당 섹션(03-SCREEN-SPEC.md 또는 04-WIREFRAME.html)만 재생성
+- WARN 1~3건 → 경고만 표시하고 진행
+- WARN 4~7건 → 경고 표시 후 사용자에게 부분 재생성 여부 확인
+- FAIL (critical ≥1건 또는 WARN ≥8건) → 해당 섹션(03-SCREEN-SPEC.md 또는 04-WIREFRAME.html)만 재생성
 
 리뷰는 **건너뛸 수 없는 품질 게이트**다. 시간이 부족해도 PASS/WARN 결과를 받지 않은 채 Phase 5로 진행하지 않는다.
 
diff --git a/plugins/wigtn-coding/skills/screen-spec/templates/04-WIREFRAME-mobile.html b/plugins/wigtn-coding/skills/screen-spec/templates/04-WIREFRAME-mobile.html
index 557f1ab..56c1070 100644
--- a/plugins/wigtn-coding/skills/screen-spec/templates/04-WIREFRAME-mobile.html
+++ b/plugins/wigtn-coding/skills/screen-spec/templates/04-WIREFRAME-mobile.html
@@ -66,7 +66,7 @@
 <body class="bg-neutral-50 text-neutral-900">
 
   <header class="sticky top-0 z-50 bg-white border-b">
-    <nav class="max-w-6xl mx-auto px-4 py-3 flex items-center gap-6">
+    <nav class="max-w-6xl mx-auto px-4 py-3 flex items-center gap-6" aria-label="화면 목록">
       <span class="font-semibold">{feature-name} — Mobile Wireframe</span>
       <div class="flex gap-4 text-sm">
         <a href="#screen-home" class="hover:underline">Home</a>
@@ -83,8 +83,8 @@
     <!-- ============================ -->
     <!-- Navigation patterns          -->
     <!-- ============================ -->
-    <section id="nav-patterns" class="border rounded-lg p-6 bg-white">
-      <h2 class="text-xl font-semibold mb-4">Navigation Patterns</h2>
+    <section id="nav-patterns" class="border rounded-lg p-6 bg-white" aria-labelledby="nav-patterns-title">
+      <h2 id="nav-patterns-title" class="text-xl font-semibold mb-4">Navigation Patterns</h2>
       <p class="text-sm text-neutral-600 mb-4">선택한 패턴 1개를 03-SCREEN-SPEC.md에 명시. 변경 시 안내 추가.</p>
 
       <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
@@ -144,9 +144,9 @@ <h2 class="text-xl font-semibold mb-4">Navigation Patterns</h2>
     <!-- ============================ -->
     <!-- Screen: Home                 -->
     <!-- ============================ -->
-    <section id="screen-home" class="border rounded-lg p-6 bg-white">
+    <section id="screen-home" class="border rounded-lg p-6 bg-white" aria-labelledby="screen-home-title">
       <header class="mb-4 flex items-baseline gap-3">
-        <h2 class="text-xl font-semibold">Home</h2>
+        <h2 id="screen-home-title" class="text-xl font-semibold">Home</h2>
         <span class="wf-label">Audience: {audience} · Auth: {auth}</span>
       </header>
 
@@ -198,9 +198,9 @@ <h2 class="text-xl font-semibold">Home</h2>
     <!-- ============================ -->
     <!-- Screen: Detail (push)        -->
     <!-- ============================ -->
-    <section id="screen-detail" class="border rounded-lg p-6 bg-white">
+    <section id="screen-detail" class="border rounded-lg p-6 bg-white" aria-labelledby="screen-detail-title">
       <header class="mb-4 flex items-baseline gap-3">
-        <h2 class="text-xl font-semibold">Detail</h2>
+        <h2 id="screen-detail-title" class="text-xl font-semibold">Detail</h2>
         <span class="wf-label">Navigation: Push from Home</span>
       </header>
 
@@ -248,9 +248,9 @@ <h2 class="text-xl font-semibold">Detail</h2>
     <!-- ============================ -->
     <!-- Screen: Form                 -->
     <!-- ============================ -->
-    <section id="screen-form" class="border rounded-lg p-6 bg-white">
+    <section id="screen-form" class="border rounded-lg p-6 bg-white" aria-labelledby="screen-form-title">
       <header class="mb-4 flex items-baseline gap-3">
-        <h2 class="text-xl font-semibold">Form</h2>
+        <h2 id="screen-form-title" class="text-xl font-semibold">Form</h2>
         <span class="wf-label">Keyboard 노출 시 ≥ 50% 화면 가림 주의</span>
       </header>