{
  "schema_version": "1.0.0",
  "tested_date": "2026-10-10",
  "source_commit": "dbd4588f9e1033efb41dad4bef2f7947c8993d44",
  "source_skill_path": "skills/frontend-design/SKILL.md",
  "source_skill_blob_sha": "a5333457c414d20d625f307df945842c0952ecc3",
  "license": "Apache-2.0",
  "package_files": [
    "SKILL.md",
    "LICENSE.txt"
  ],
  "tested_environment": "Codex applied the pinned instructions; local Chrome through playwright-core checked the resulting static page",
  "brief": "Build a self-contained, responsive prototype that helps mobile visitors choose among three simple hand-sewing repairs. No external assets, framework, form, or fake playback. Primary action must jump to useful steps. Treat it as a design fixture, not a public repair service.",
  "design_plan": {
    "palette": {
      "paper": "#f7faf8",
      "ink": "#20332f",
      "panel": "#e7f0eb",
      "line": "#a8c1b4",
      "thread": "#006c65",
      "signal": "#ba4f2d"
    },
    "type": "Georgia for pattern-book headings; Arial for instructions and controls; no network font.",
    "layout": "Left-aligned sewing-pattern title and one thread diagram; three real repairs appear in a three-column grid on desktop and one column on mobile.",
    "review_before_build": "Rejected a cream/terracotta generic craft theme and a row of identical promotional stats; used a cool fabric palette and a single thread illustration to explain the subject. Kept numbered lists only for actual repair sequences."
  },
  "artifact": "/assets/evidence/frontend-design-repair-demo.htm",
  "screenshots": [
    "/assets/evidence/frontend-design-repair-desktop.png",
    "/assets/evidence/frontend-design-repair-mobile.png"
  ],
  "checks": [
    {
      "viewport": "1440x900",
      "one_h1": true,
      "repairs": 3,
      "steps": 9,
      "cta_anchor_passed": true,
      "horizontal_overflow": false,
      "external_requests": 0,
      "browser_errors": 0
    },
    {
      "viewport": "390x844",
      "one_h1": true,
      "repairs": 3,
      "steps": 9,
      "cta_anchor_passed": true,
      "horizontal_overflow": false,
      "external_requests": 0,
      "browser_errors": 0
    },
    {
      "keyboard_focus_visible": true,
      "reduced_motion_scroll_auto": true
    }
  ],
  "result": "One functional static page produced; no comparative effect claim.",
  "not_verified": [
    "npx skills installer",
    "Claude Code automatic activation",
    "independent no-skill control or blinded comparison",
    "human design preference",
    "expert validation of repair steps"
  ]
}