harness-usagelisted

# Harness Usage — Pencil Design Workflow Execution Execute **Case A (WPF → Template), Case B (Template Reference → Project Design), Case C (Web Animation → JSON → Pencil Component), Case W (Pencil → HTML) workflows** based on the `harness/` 3-layer structure. --- ## 1. Design Journey State Model ``` idle → prompted → researching → designing → design-evaluating → recording → idle ``` | State | Key Action | |-------|-----------| | prompted | Determine Case A/B/C/W, check existing file status | | researching | WPF research (A) / analyze wpf-animation.pen (B) / web animation analysis (C) | | designing | Add cards (A) / project design (B) / JSON → Pencil component (C) / HTML implementation (W) | | design-evaluating | 3-axis scoring (refer to harness/knowledge/design-craft.md) | | recording | Write logs + RPG (XP/level/achievements) processing | --- ## 2. Case A: WPF Research → Template Enrichment A workflow for **directly adding new WPF animation technique cards** to wpf-animation.pen. ``` Phase 1 — Gather (researching): → Research WPF Storyboard animation examples via WebSearch → Check existing wpf-animation.pen categories/card list (exclude duplicates) → Collect core techniques: EventTrigger, DoubleAnimation, Transform, Easing → Check existing files in design/xaml/sample/*.xaml Phase 2a — Action: Individual Cards (designing): → Create new cards in wpf-animation.pen → Card structure: number+title + WPF property description + Before→After visual preview + XAM