菜单
Creates or refreshes UITK design-mirror assets under Assets/UI/Editor/DesignMirror/ from production shells + placeholder fixtures. Use when the user asks to create a mock/mirror, bootstrap design mirror, add a new mirrored component, or regenerate placeholder UXML/USS for UX visual editing.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Pick C# type suffix and assembly before creating or renaming classes. Read class-naming-patterns.md via review-config.json. Use when adding new C# types, choosing View vs Presenter vs Coordinator, splitting god classes, or renaming type suffixes in griddungeon-game.
Writes Grid Dungeon GitHub/PR test plans with consistent structure (automated Edit Mode paths, DevBootstrap manual tables, sign-off, N/A deferrals). Use when creating or updating test plans for issues, PRs, handoff, or ticket close-out.
Promotes UITK design-mirror layout and USS from Assets/UI/Editor/DesignMirror/ into production bindable shells under Assets/UI/Screens/. Use when the user asks to sync design mirror, promote mirror to production, or apply UX UITK changes.
Selects the next highest-priority open item from a GitHub Project backlog (Ready then Backlog, P0→P1→P2), claims it, and starts implementation. Use when the user asks to pull the next ticket, pick up backlog work, start the top priority issue, or work from a GitHub Project board (e.g. users/OWNER/projects/N).
Builds ASCII UI trees, phase visibility tables, and cross-UIDocument maps for Unity UI Toolkit UXML. Use when the user asks to visualize, diagram, or explain a UXML hierarchy (e.g. CommandRail, HubHud, PartyMenu), trace name hooks to C#, or compare rail vs overlay documents.
Audits Grid Dungeon UI presenters, facades, and phase HUD wiring against centralized-ui-services.md and ICentralizedUiSurface. Auto-enables caveman mode (full) for audit output. Use when auditing a component for centralized UI service compliance, migration readiness, CloneTree embed smells, facade lifecycle vocabulary, presentation bus shells/projectors, or before/after extracting a picker/overlay to GameState.
| name | create-uitk-design-mirror |
| description | Creates or refreshes UITK design-mirror assets under Assets/UI/Editor/DesignMirror/ from production shells + placeholder fixtures. Use when the user asks to create a mock/mirror, bootstrap design mirror, add a new mirrored component, or regenerate placeholder UXML/USS for UX visual editing. |
stripHosts unless user says regenerate from scratch)Not this skill: promoting mirror → production — use sync-uitk-design-mirror.
| Ask | Skill |
|---|---|
| New mirror / refresh placeholders from prod | create-uitk-design-mirror |
| UX finished editing → promote to production | sync-uitk-design-mirror |
name hooks, no logic in UXMLUI/Editor/DesignMirror/phase / MVP / PoC in Assets/**Task Progress:
- [ ] 1. Resolve component id from user arg or `mirror-manifest.yaml` — stop if manifest `components` is empty and no id was given
- [ ] 2. Resolve production paths — existing entry from manifest; **new** component from user arg + [template.md](../create-uitk-design-mirror/template.md) / [examples.md](../create-uitk-design-mirror/examples.md) (read `shellUxml`, `shellBindableNames`, `stripHosts`)
- [ ] 3. Grep C# for code-built hosts (*Builder, RailMenuFocus) — annotate static mirror needs
- [ ] 4. Read or create fixture YAML per state (primary `mirror.fixture` + each `states[]` entry — template.md schema)
- [ ] 5. Ensure Assets/UI/Editor/DesignMirror/ exists; write DesignMirror.uxml for primary + each state
- [ ] 6. Seed DesignMirror.uss from production ussTargets (copy selectors UX may edit)
- [ ] 7. Wire Style src — HudOverlay read-only + mirror USS last
- [ ] 8. Append manifest entry if new component
- [ ] 9. Prettier on new .uxml / .uss (prettier-uitk-format)
- [ ] 10. Hand off paths; UX opens mirror UXML in Unity UI Builder — never edit production Screens/
Run from griddungeon-game root.
Assets/UI/Editor/DesignMirror/mirror-manifest.yaml — see template.md.
Primary: mirror.fixture in manifest. Additional visual states: states[].fixture — see template.md.
Static placeholder rows must match rowTemplate.source in manifest — references/row-shapes.md.
Assets/UI/Screens/ during create — mirror paths only.shellBindableNames name from production shell on the same nodes in mirror.stripHosts with static children — tabs, row slots (windowed-list__slot × 8, each wrapping one item-row when present), sample buttons.rows: [], eight empty slots, blank detail; no menu-item--focused row.--hidden on root; add pop-in--expanded on panels with pop-in (Builder shows scale: 0 1 otherwise); populated state includes one menu-item--focused row.states[], emit one *.DesignMirror.uxml per state; share the component mirror.uss. Only primary mirror.uxml (or states with syncToProduction: true) promote to production shell.*.DesignMirror.uss per component; UX never opens production USS.stripHosts..meta — Unity Editor generates; run validate-unity-meta before commit.phase, MVP, mvp, or PoC in any Assets/** file.| Item | Path |
|---|---|
| Mirror UXML (primary) | Assets/UI/Editor/DesignMirror/.../{Name}.DesignMirror.uxml |
| Mirror UXML (states) | .../{Name}.{State}.DesignMirror.uxml per states[] |
| Mirror USS | Assets/UI/Editor/DesignMirror/.../{Name}.DesignMirror.uss (shared) |
| Fixture (primary) | Assets/UI/Editor/DesignMirror/Fixtures/{id}.fixture.yaml |
| Fixture (states) | Assets/UI/Editor/DesignMirror/Fixtures/{id}-{state}.fixture.yaml |
| Manifest row | mirror-manifest.yaml components[] |
| UX next step | Open {Name}.DesignMirror.uxml in Unity UI Builder |
examples.md — ItemListPicker first mirror.