stylegallery 0.1.12 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/DOMAINS.md +1 -1
  2. package/GOVERNANCE.md +1 -1
  3. package/README.md +64 -0
  4. package/consumer-reference/agent-native/v2/admission-policy.json +66 -1
  5. package/consumer-reference/agent-native/v2/material-registry.json +1 -1
  6. package/consumer-reference/agent-native/v2/schema/admission-policy.schema.json +2 -2
  7. package/design-engineering/evidence-patterns/autocomplete.md +83 -0
  8. package/design-engineering/evidence-patterns/bottom-navigation.md +78 -0
  9. package/design-engineering/evidence-patterns/breadcrumbs.md +78 -0
  10. package/design-engineering/evidence-patterns/dark-mode-contrast.md +83 -0
  11. package/design-engineering/evidence-patterns/data-tables.md +86 -0
  12. package/design-engineering/evidence-patterns/empty-states.md +80 -0
  13. package/design-engineering/evidence-patterns/error-recovery.md +84 -0
  14. package/design-engineering/evidence-patterns/faceted-filters.md +90 -0
  15. package/design-engineering/evidence-patterns/form-labels.md +82 -0
  16. package/design-engineering/evidence-patterns/index.md +69 -0
  17. package/design-engineering/evidence-patterns/inline-validation.md +94 -0
  18. package/design-engineering/evidence-patterns/input-masks.md +79 -0
  19. package/design-engineering/evidence-patterns/tabs-and-segmented-controls.md +81 -0
  20. package/design-engineering/index.md +17 -0
  21. package/design-engineering/loading-and-feedback.md +28 -1
  22. package/design-engineering/native-interaction-contracts.md +8 -0
  23. package/design-engineering/state-management/recipes/delete-undo.md +6 -0
  24. package/log.md +17 -0
  25. package/package.json +16 -1
  26. package/platform-guides/input-and-focus.md +10 -0
  27. package/scripts/stylegallery-cli.mjs +12 -0
  28. package/scripts/stylegallery-setup.mjs +216 -0
package/DOMAINS.md CHANGED
@@ -27,7 +27,7 @@ This manifest is the source of truth for top-level StyleGallery domains. A domai
27
27
  | --- | --- | --- |
28
28
  | Layout | `layout/index.md` | Existing `GUIDE.md`, Layout-specific `guides/*.md`, and `recipes/*.md`; generated `patterns/**/*.md` and `CATALOG.md` remain at current paths. Shared `quality/**/*.md` infrastructure governs every domain without becoming a Layout leaf. |
29
29
  | Motion | `motion/index.md` | `motion/vocabulary.md`, `motion/review-workflow.md`, `motion/practice-reference.md`, `motion/decision-tree.md`, `motion/motion-brief.md`, `motion/interaction-recipes.md`, `motion/observed-choreography.md`, `motion/accessible-motion.md`, `motion/interruption-and-retargeting.md`, `motion/rendering-and-performance.md`, `motion/techniques/scroll-choreography.md`, `motion/techniques/kinetic-type.md` |
30
- | Design Engineering | `design-engineering/index.md` | `design-engineering/interface-craft.md`, `design-engineering/consumer-migration-readiness.md`, `design-engineering/reference-profiles/index.md`, `design-engineering/reference-profiles/governed-local/index.md`, `design-engineering/reference-profiles/external-adaptation/index.md`, `design-engineering/decision-tree.md`, `design-engineering/component-contract.md`, `design-engineering/worked-examples.md`, `design-engineering/state-management/decision-tree.md`, `design-engineering/state-management/index.md`, `design-engineering/state-management/patterns/derived-state.md`, `design-engineering/state-management/patterns/draft-and-baseline.md`, `design-engineering/state-management/patterns/id-selection.md`, `design-engineering/state-management/patterns/identity-reset.md`, `design-engineering/state-management/patterns/latest-request-wins.md`, `design-engineering/state-management/patterns/optimistic-overlay.md`, `design-engineering/state-management/patterns/single-flight.md`, `design-engineering/state-management/patterns/single-owner.md`, `design-engineering/state-management/patterns/submitted-snapshot.md`, `design-engineering/state-management/patterns/unsaved-navigation.md`, `design-engineering/state-management/patterns/url-state.md`, `design-engineering/state-management/patterns/versioned-restore.md`, `design-engineering/state-management/recipes/delete-undo.md`, `design-engineering/state-management/recipes/index.md`, `design-engineering/state-management/recipes/multi-step-form.md`, `design-engineering/state-management/recipes/search-detail.md`, `design-engineering/state-management/recipes/settings-save.md`, `design-engineering/state-management/state-brief.md`, `design-engineering/state-management/verification.md`, `design-engineering/native-interaction-contracts.md`, `design-engineering/text-input-and-internationalization.md`, `design-engineering/loading-and-feedback.md` |
30
+ | Design Engineering | `design-engineering/index.md` | `design-engineering/interface-craft.md`, `design-engineering/consumer-migration-readiness.md`, `design-engineering/reference-profiles/index.md`, `design-engineering/reference-profiles/governed-local/index.md`, `design-engineering/reference-profiles/external-adaptation/index.md`, `design-engineering/decision-tree.md`, `design-engineering/component-contract.md`, `design-engineering/worked-examples.md`, `design-engineering/state-management/decision-tree.md`, `design-engineering/state-management/index.md`, `design-engineering/state-management/patterns/derived-state.md`, `design-engineering/state-management/patterns/draft-and-baseline.md`, `design-engineering/state-management/patterns/id-selection.md`, `design-engineering/state-management/patterns/identity-reset.md`, `design-engineering/state-management/patterns/latest-request-wins.md`, `design-engineering/state-management/patterns/optimistic-overlay.md`, `design-engineering/state-management/patterns/single-flight.md`, `design-engineering/state-management/patterns/single-owner.md`, `design-engineering/state-management/patterns/submitted-snapshot.md`, `design-engineering/state-management/patterns/unsaved-navigation.md`, `design-engineering/state-management/patterns/url-state.md`, `design-engineering/state-management/patterns/versioned-restore.md`, `design-engineering/state-management/recipes/delete-undo.md`, `design-engineering/state-management/recipes/index.md`, `design-engineering/state-management/recipes/multi-step-form.md`, `design-engineering/state-management/recipes/search-detail.md`, `design-engineering/state-management/recipes/settings-save.md`, `design-engineering/state-management/state-brief.md`, `design-engineering/state-management/verification.md`, `design-engineering/native-interaction-contracts.md`, `design-engineering/text-input-and-internationalization.md`, `design-engineering/loading-and-feedback.md`, `design-engineering/evidence-patterns/autocomplete.md`, `design-engineering/evidence-patterns/bottom-navigation.md`, `design-engineering/evidence-patterns/breadcrumbs.md`, `design-engineering/evidence-patterns/dark-mode-contrast.md`, `design-engineering/evidence-patterns/data-tables.md`, `design-engineering/evidence-patterns/empty-states.md`, `design-engineering/evidence-patterns/error-recovery.md`, `design-engineering/evidence-patterns/faceted-filters.md`, `design-engineering/evidence-patterns/form-labels.md`, `design-engineering/evidence-patterns/index.md`, `design-engineering/evidence-patterns/inline-validation.md`, `design-engineering/evidence-patterns/input-masks.md`, `design-engineering/evidence-patterns/tabs-and-segmented-controls.md` |
31
31
  | Platform Guides | `platform-guides/index.md` | `platform-guides/apple-interaction.md`, `platform-guides/adaptation-workflow.md`, `platform-guides/android-interaction.md`, `platform-guides/windows-interaction.md`, `platform-guides/compatibility-matrix.md`, `platform-guides/adaptive-navigation.md`, `platform-guides/preferences-and-accessibility.md`, `platform-guides/input-and-focus.md` |
32
32
  | Design Terminology | `design-terminology/index.md` | `design-terminology/source-kinds.md`, `design-terminology/source-vocabularies.md`, `design-terminology/concept-families.md`, `design-terminology/relation-types.md`, `design-terminology/conflict-cases.md`, `design-terminology/comparison-workflow.md`, `design-terminology/token-semantics.md`, `design-terminology/interaction-semantics.md`, `design-terminology/typography-semantics.md` |
33
33
  | Expression | `expression/index.md` | `expression/direction-brief.md`, `expression/brand-studies.md`, `expression/directions/nocturne-editorial.md`, `expression/directions/warm-print.md`, `expression/techniques/gradient-atmosphere.md`, `expression/techniques/grain-and-texture.md`, `expression/techniques/webgl-hero.md`, `expression/directions/fintech-clarity.md`, `expression/directions/hardware-catalogue.md`, `expression/directions/developer-tool.md`, `expression/directions/korean-service.md`, `expression/techniques/drawn-products.md`, `expression/techniques/live-product-demos.md`, `expression/techniques/canvas-3d.md`, `expression/study-atlas.md`, `expression/measured-benchmarks.md`, `expression/techniques/image-weight.md`, `expression/techniques/display-type-calibration.md`, `expression/techniques/surface-detail.md` |
package/GOVERNANCE.md CHANGED
@@ -39,7 +39,7 @@ Use this file before editing repository documentation. It names which file is au
39
39
  | Domain manifest and scope decision | `DOMAINS.md`, `quality/claim-records/stylegallery-multidomain-scope.md` | Manual | None | `stable` | Domain membership, repository-scope, or provenance-policy changes. | `scripts/validate-domains.mjs`, `scripts/validate-governance.mjs` | Repository governance owner |
40
40
  | Layout domain hub | `layout/index.md` | Manual | None | `stable` | Layout route or ownership changes. | `scripts/validate-domains.mjs`, `scripts/validate-ia.mjs` | Pattern-data owner |
41
41
  | Motion domain guidance | `motion/*.md` | Manual | None | `experimental` | Upstream revision, evidence boundary, or guidance changes. | `scripts/validate-domains.mjs` | Motion domain owner |
42
- | Design Engineering domain guidance | `design-engineering/*.md`, `design-engineering/state-management/**/*.md` | Manual | None | `experimental` | Upstream revision, evidence boundary, or guidance changes. | `scripts/validate-domains.mjs` | Design Engineering domain owner |
42
+ | Design Engineering domain guidance | `design-engineering/*.md`, `design-engineering/state-management/**/*.md`, `design-engineering/evidence-patterns/*.md` | Manual | None | `experimental` | Upstream revision, evidence boundary, or guidance changes. | `scripts/validate-domains.mjs` | Design Engineering domain owner |
43
43
  | Platform Guides domain guidance | `platform-guides/*.md` | Manual | None | `experimental` | Platform version, upstream revision, evidence boundary, or guidance changes. | `scripts/validate-domains.mjs` | Platform Guides domain owner |
44
44
  | Design Terminology domain guidance | `design-terminology/*.md` | Manual; term and relation tables remain authoring sources | None | `experimental` | Source-kind, source-vocabulary, concept-family, relation-model, or conflict-case changes. | `scripts/validate-domains.mjs`, `scripts/validate-design-terminology.mjs` | Design Terminology domain owner |
45
45
  | Expression domain guidance | `expression/**/*.md` | Manual | None | `experimental` | Direction value, technique code, brand-study policy, or guidance changes. | `scripts/validate-domains.mjs` | Expression domain owner |
package/README.md CHANGED
@@ -89,6 +89,61 @@ Agents asking in another language should pass `--query-en` (MCP: `query_en`) wit
89
89
 
90
90
  For a coding agent with repository filesystem access, local guided traversal is the default: read `AGENTS.md` and this README, follow the narrowest relevant task route or domain index, and inspect the selected Markdown files directly. Use `search --paths-only` only when the path is unclear; it returns a deterministic `paths` array of repository-relative candidates without full result metadata. Reserve `context` for environments that cannot read repository files or for transferring a bounded, provenance-linked package.
91
91
 
92
+ ### Connect your agent
93
+
94
+ Installing the package does not make Claude Code or Codex use it. Run `setup` once to copy the `stylegallery-search` skill into each agent's user skill folder and register the `stylegallery-mcp` server:
95
+
96
+ ```sh
97
+ npm install --global stylegallery
98
+ stylegallery setup --dry-run # show the planned changes
99
+ stylegallery setup # Claude Code and Codex, whichever is installed
100
+ ```
101
+
102
+ Claude Code gets `~/.claude/skills/stylegallery-search/SKILL.md` and a user-scope `mcpServers.stylegallery` entry in `~/.claude.json`; Codex gets `~/.agents/skills/stylegallery-search/SKILL.md` and `[mcp_servers.stylegallery]` in `~/.codex/config.toml` (or `$CODEX_HOME/config.toml`). The server runs as `npx -y --package stylegallery stylegallery-mcp`, so it works however the package was installed. Rerunning changes nothing, every modified config file is backed up first as `<file>.bak-stylegallery-<timestamp>`, other settings are preserved, and an existing entry with the same name but different settings is left alone unless you pass `--force`. Use `--agent claude|codex|all`, `--only skill|mcp`, and `--uninstall` to narrow or undo it, then check with `claude mcp list` or `codex mcp list`.
103
+
104
+ ### CLI reference
105
+
106
+ Run `stylegallery --help` for the same list. Every command prints JSON to stdout; invalid input prints an error object and exits nonzero.
107
+
108
+ Typical agent loop:
109
+
110
+ ```sh
111
+ stylegallery search "sticky header" # 1. find candidates
112
+ stylegallery read sg:layout/sticky-header --outline # 2. list sections
113
+ stylegallery read sg:layout/sticky-header --section css # 3. read only what you need
114
+ ```
115
+
116
+ Find and read documents (offline, deterministic):
117
+
118
+ | Command | Options | Purpose |
119
+ | --- | --- | --- |
120
+ | `search <query...>` | `--limit <n>` (1-50, default 5), `--paths-only`, `--detailed`, `--query-en <text>` | Rank the Markdown corpus; JSON schema 3.0 with id, snippet, and next `read` command |
121
+ | `read <id\|path>` | `--outline`, `--section <slug>` | Read one document by id (`sg:layout/sticky-header`), repository path, or StableRef |
122
+ | `context --query <text>` | `--budget-tokens <n>` (256-32768, default 8192) | Build a bounded, provenance-linked context package |
123
+
124
+ Governed records:
125
+
126
+ | Command | Purpose |
127
+ | --- | --- |
128
+ | `discover` | List interfaces, domains, and operations |
129
+ | `resolve <ref>` | Read one governed record |
130
+ | `claims <ref>` | List claims and evidence for a record |
131
+ | `context <ref>` | Build a governed record context package |
132
+ | `retrieve <query>` | Search governed records (v1 registry) |
133
+ | `ops` | List operations |
134
+ | `registrar` | Check claim records (`--stale`, `--unverified`) |
135
+ | `conservator` | Measure Layout patterns in Chromium (`--pattern <a,b>`, `--controls`, `--install-browser`) |
136
+
137
+ Connect your agents:
138
+
139
+ | Command | Options | Purpose |
140
+ | --- | --- | --- |
141
+ | `setup` | `--agent <claude\|codex\|all>`, `--only <skill\|mcp>`, `--dry-run`, `--uninstall`, `--force` | Install the search skill and register `stylegallery-mcp` for Claude Code and Codex ([Connect your agent](#connect-your-agent)) |
142
+
143
+ Site compilation (requires `SG_COMPILER_ROOT`): `compile`, `timeline`, `transcribe`, `sale`, `gate`, `build`, `shots`, `probe`, `workflow`. Start with `stylegallery workflow`.
144
+
145
+ Other: `help` / `--help`, `version` / `--version`. The MCP server `stylegallery-mcp` exposes `search` and `read` with the same JSON, plus the governed and compiler tools.
146
+
92
147
  ### Worked homepage example
93
148
 
94
149
  The [StyleGallery homepage example](examples/stylegallery-homepage/README.md) was planned from a clean install of the published npm package. It demonstrates the Homepage recipe, selected layout patterns, agent-native CLI access, responsive behavior, and Chrome CDP verification in a standalone product-layer implementation.
@@ -137,8 +192,17 @@ npm install --global stylegallery
137
192
  stylegallery discover --format json
138
193
  ```
139
194
 
195
+ 설치만으로는 Claude Code나 Codex가 StyleGallery를 쓰지 않습니다. 한 번 `stylegallery setup`을 실행하면 `stylegallery-search` 스킬을 각 에이전트의 사용자 스킬 폴더에 복사하고 `stylegallery-mcp` 서버를 등록합니다. `--dry-run`으로 바뀔 내용만 먼저 볼 수 있고, `--agent claude|codex|all`, `--only skill|mcp`, `--uninstall`, `--force`를 지원합니다. 다시 실행해도 결과는 같고, 수정하는 설정 파일은 먼저 `.bak-stylegallery-<시각>`으로 백업하며, 같은 이름의 다른 설정은 `--force` 없이는 건드리지 않습니다. 등록 확인은 `claude mcp list` 또는 `codex mcp list`로 합니다.
196
+
197
+ ```sh
198
+ stylegallery setup --dry-run
199
+ stylegallery setup
200
+ ```
201
+
140
202
  `discover`는 사용 가능한 인터페이스를 보여주고, `resolve`는 하나의 레코드를 조회하며, `claims`는 관련 주장과 근거를 분리해서 보여줍니다. `context`는 에이전트에 전달할 수 있는 제한된 컨텍스트 패키지를 만들고, `ops`는 지원하는 작업 목록을 반환합니다. 저장소를 직접 읽을 수 있는 에이전트는 `AGENTS.md`와 이 README의 작업 경로에서 시작해 로컬 Markdown을 따라가는 방식이 기본입니다. 경로가 불명확할 때만 `stylegallery search "검색어" --paths-only --limit 5`로 후보 경로를 좁히고, `context`는 파일에 직접 접근할 수 없거나 제한된 패키지를 전달해야 할 때 사용합니다. 모든 결과는 자동화에 바로 사용할 수 있는 JSON입니다.
141
203
 
204
+ 전체 명령과 옵션은 위의 [CLI reference](#cli-reference)에 정리되어 있습니다. 기본 흐름은 `stylegallery search "sticky header"` → `stylegallery read <id> --outline` → `stylegallery read <id> --section <slug>`입니다.
205
+
142
206
  CLI와 MCP의 상세 사용법은 [Agent-Native StyleGallery 가이드](consumer-reference/agent-native/README.md)를 참고하세요. 사람이 문서를 탐색하려면 아래의 도메인 표에서 목적에 맞는 진입점을 선택하면 됩니다.
143
207
 
144
208
  For UI state ownership, asynchronous races, drafts, URL/history, and persistence, start with [State Management](design-engineering/state-management/index.md) in Design Engineering.
@@ -64,6 +64,71 @@
64
64
  "domain": "design-engineering",
65
65
  "lifecycle": "experimental"
66
66
  },
67
+ {
68
+ "repository_path": "design-engineering/evidence-patterns/autocomplete.md",
69
+ "domain": "design-engineering",
70
+ "lifecycle": "experimental"
71
+ },
72
+ {
73
+ "repository_path": "design-engineering/evidence-patterns/bottom-navigation.md",
74
+ "domain": "design-engineering",
75
+ "lifecycle": "experimental"
76
+ },
77
+ {
78
+ "repository_path": "design-engineering/evidence-patterns/breadcrumbs.md",
79
+ "domain": "design-engineering",
80
+ "lifecycle": "experimental"
81
+ },
82
+ {
83
+ "repository_path": "design-engineering/evidence-patterns/dark-mode-contrast.md",
84
+ "domain": "design-engineering",
85
+ "lifecycle": "experimental"
86
+ },
87
+ {
88
+ "repository_path": "design-engineering/evidence-patterns/data-tables.md",
89
+ "domain": "design-engineering",
90
+ "lifecycle": "experimental"
91
+ },
92
+ {
93
+ "repository_path": "design-engineering/evidence-patterns/empty-states.md",
94
+ "domain": "design-engineering",
95
+ "lifecycle": "experimental"
96
+ },
97
+ {
98
+ "repository_path": "design-engineering/evidence-patterns/error-recovery.md",
99
+ "domain": "design-engineering",
100
+ "lifecycle": "experimental"
101
+ },
102
+ {
103
+ "repository_path": "design-engineering/evidence-patterns/faceted-filters.md",
104
+ "domain": "design-engineering",
105
+ "lifecycle": "experimental"
106
+ },
107
+ {
108
+ "repository_path": "design-engineering/evidence-patterns/form-labels.md",
109
+ "domain": "design-engineering",
110
+ "lifecycle": "experimental"
111
+ },
112
+ {
113
+ "repository_path": "design-engineering/evidence-patterns/index.md",
114
+ "domain": "design-engineering",
115
+ "lifecycle": "experimental"
116
+ },
117
+ {
118
+ "repository_path": "design-engineering/evidence-patterns/inline-validation.md",
119
+ "domain": "design-engineering",
120
+ "lifecycle": "experimental"
121
+ },
122
+ {
123
+ "repository_path": "design-engineering/evidence-patterns/input-masks.md",
124
+ "domain": "design-engineering",
125
+ "lifecycle": "experimental"
126
+ },
127
+ {
128
+ "repository_path": "design-engineering/evidence-patterns/tabs-and-segmented-controls.md",
129
+ "domain": "design-engineering",
130
+ "lifecycle": "experimental"
131
+ },
67
132
  {
68
133
  "repository_path": "design-engineering/index.md",
69
134
  "domain": "design-engineering",
@@ -982,5 +1047,5 @@
982
1047
  "code": "material_path_internal_excluded"
983
1048
  }
984
1049
  ],
985
- "version_id": "sg:policy/material-admission-v2@sha256:02255d8e50f11d93e31481ce0014e0ec70062b56fc7be4dc3c34389875dad754"
1050
+ "version_id": "sg:policy/material-admission-v2@sha256:1bfe3a30d62913fcf5647b5af03e07be8e128f83c78c133442748f535c8e9ed3"
986
1051
  }