{"id":"ss-page","name":"ss-page","summary":"コンパイルされたStyleSeedの出力文法、サーフェスアダプター、ブランドレシピ、プロジェクトロックから新しい製品ページや画面をスキャフォールドします。","body":"# Product Page Scaffolder\n## Registry-first artifact boundary\n\nWhen `.styleseed/project.json` and `.styleseed/artifacts/index.json` exist, resolve the requested artifact ID first, then read only `.styleseed/bundles/<artifact-id>.md` and `.styleseed/manifests/<artifact-id>.json`. Never fall back to the global legacy bundle for a registry project. Legacy projects may use `.styleseed/effective-rules.md` only when no registry exists.\n\n## When NOT to use\n\n- For a single composed pattern within an existing page → use `/ss-pattern`\n- For multi-page navigation structure → use `/ss-flow` first\n- For tweaking an existing page — edit the file directly\n\nCreate a new page: **$0**\nDescription: $ARGUMENTS\n\n## Instructions\n\n1. Resolve and read the active design method:\n   - `.styleseed/effective-rules.md` and `.styleseed/manifest.json`\n   - If missing or stale, invoke `/ss-resolve` or `$ss-resolve` from `STYLESEED.md`\n   - `components/patterns/page-shell.tsx` for page layout\n   - `components/patterns/top-bar.tsx` for header pattern\n   - `components/patterns/bottom-nav.tsx` for navigation\n\n2. Page structure template:\n```tsx\nimport { PageShell, PageContent } from \"@/components/patterns/page-shell\"\nimport { TopBar, TopBarAction } from \"@/components/patterns/top-bar\"\nimport { BottomNav } from \"@/components/patterns/bottom-nav\"\n\nexport default function PageName() {\n  return (\n    <PageShell recipe=\"enterprise-workbench\">\n      <TopBar\n        logo={/* logo or page title */}\n        subtitle={/* optional subtitle */}\n        actions={/* optional action buttons */}\n      />\n      <PageContent>\n        {/* Compose the grammar's focal point and recipe-fit sections */}\n      </PageContent>\n      <BottomNav items={[/* nav items */]} activeIndex={0} />\n    </PageShell>\n  )\n}\n```\n\n3. Apply the selected adapter and recipe:\n   - Set `recipe=\"<manifest selection.recipe>\"` on `PageShell`, or\n     `data-styleseed-recipe=\"<id>\"` on a custom artifact root.\n   - Use the lock's viewports and the adapter's responsive contract. Do not assume 430px mobile.\n   - Use `ss-page-padding`, `ss-page-gutter`, `ss-pattern-stack`, `ss-pattern-surface`,\n     `ss-pattern-inset`, `ss-pattern-control`, and `ss-pattern-icon` where bundled patterns fit.\n   - Select components by recipe: aligned panels/rows for workbenches, flat steps for public\n     service, reading flow for editorial, focused canvas/tool groups for creative tools, and\n     soft grouping only when the recipe calls for it.\n   - A page may contain cards, panels, rules, whitespace, rows, tables, or a canvas. Never force\n     every content block into a card.\n\n4. Use semantic tokens for all colors — never hardcode hex values.\n\n5. Compose the page from existing components (ui/ and patterns/) wherever possible.\n\n6. Safe area: include `env(safe-area-inset-*)` padding for modern devices.\n\n7. **Post-generation verification (MANDATORY):**\n   Run `/ss-score` then `/ss-verify`. Confirm:\n   - [ ] The first viewport exposes the grammar's user job and one focal point\n   - [ ] Containment, geometry, controls, collections, density, and navigation fit the recipe\n   - [ ] Only `--brand` color used for accents (no other accent colors)\n   - [ ] No hardcoded hex values (all semantic tokens)\n   - [ ] Section types alternate (no two identical types in a row)\n   - [ ] Spacing uses one repeatable recipe-fit rhythm\n   - [ ] Touch targets ≥ 44px on all interactive elements\n   If any violation is found, fix it before presenting the page to the user.","author":"@bitjaru","ownerProfile":null,"authorContacts":null,"sourceUrl":"https://github.com/bitjaru/styleseed/tree/main/engine/.claude/skills/ss-page","license":"MIT","category":"coding","lang":"en","tokens":839,"stars":0,"calls30d":2,"claimed":false,"visibility":"public","origin":"crawler","version":"0.1.0","createdAt":"2026-08-22","updatedAt":"2026-08-22","files":[],"requires":{"mcp":[],"tools":["Read","Write","Edit","Grep","Glob","Bash"]},"safety":{"flags":[],"scannedAt":"2026-08-22","hasScripts":false,"networkEndpoints":[]}}