stylegallery 0.1.4 → 0.1.6
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.
- package/DOMAINS.md +11 -9
- package/GOVERNANCE.md +7 -1
- package/README.md +18 -0
- package/consumer-reference/agent-native/v2/admission-policy.json +71 -1
- package/consumer-reference/agent-native/v2/material-registry.json +1 -1
- package/consumer-reference/agent-native/v2/schema/admission-policy.schema.json +2 -2
- package/design-engineering/component-contract.md +98 -0
- package/design-engineering/decision-tree.md +69 -0
- package/design-engineering/index.md +12 -2
- package/design-engineering/worked-examples.md +127 -0
- package/design-terminology/comparison-workflow.md +98 -0
- package/design-terminology/conflict-cases.md +42 -53
- package/design-terminology/index.md +13 -5
- package/design-terminology/relation-types.md +12 -6
- package/design-terminology/source-vocabularies.md +17 -3
- package/game-ui/decision-tree.md +81 -0
- package/game-ui/index.md +11 -1
- package/game-ui/screen-recipes.md +101 -0
- package/game-ui/verification-workflow.md +100 -0
- package/index.md +8 -0
- package/log.md +38 -0
- package/motion/decision-tree.md +70 -0
- package/motion/index.md +14 -2
- package/motion/interaction-recipes.md +164 -0
- package/motion/motion-brief.md +125 -0
- package/motion/review-workflow.md +8 -0
- package/motion/vocabulary.md +2 -2
- package/package.json +15 -1
- package/platform-guides/adaptation-workflow.md +76 -0
- package/platform-guides/android-interaction.md +74 -0
- package/platform-guides/apple-interaction.md +9 -1
- package/platform-guides/compatibility-matrix.md +97 -0
- package/platform-guides/index.md +13 -2
- package/platform-guides/windows-interaction.md +75 -0
- package/recipes/homepage.md +8 -0
package/DOMAINS.md
CHANGED
|
@@ -26,11 +26,11 @@ This manifest is the source of truth for top-level StyleGallery domains. A domai
|
|
|
26
26
|
| Domain | Manual hub | Governed leaves |
|
|
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
|
-
| Motion | `motion/index.md` | `motion/vocabulary.md`, `motion/review-workflow.md`, `motion/practice-reference.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` |
|
|
31
|
-
| Game UI | `game-ui/index.md` | `game-ui/classification.md`, `game-ui/screen-hierarchy.md`, `game-ui/reference-record.md`, `game-ui/unity/architecture.md`, `game-ui/unity/ui-systems.md`, `game-ui/unity/cli-loop.md`, `game-ui/unity/repository-map.md`, `game-ui/unity/org-wiki.md` |
|
|
32
|
-
| Platform Guides | `platform-guides/index.md` | `platform-guides/apple-interaction.md` |
|
|
33
|
-
| 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` |
|
|
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` |
|
|
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` |
|
|
31
|
+
| Game UI | `game-ui/index.md` | `game-ui/classification.md`, `game-ui/screen-hierarchy.md`, `game-ui/reference-record.md`, `game-ui/unity/architecture.md`, `game-ui/unity/ui-systems.md`, `game-ui/unity/cli-loop.md`, `game-ui/unity/repository-map.md`, `game-ui/unity/org-wiki.md`, `game-ui/decision-tree.md`, `game-ui/screen-recipes.md`, `game-ui/verification-workflow.md` |
|
|
32
|
+
| 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` |
|
|
33
|
+
| 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` |
|
|
34
34
|
|
|
35
35
|
## Shared Non-Domain Infrastructure
|
|
36
36
|
|
|
@@ -47,15 +47,17 @@ The initial five domain leaves are independent method rewrites inspired by [emil
|
|
|
47
47
|
- If recognizable upstream expression is added later, preserve the full upstream MIT notice and record the copied material separately before merge.
|
|
48
48
|
- Tracked repository documents must not depend on `.omo/`; stable upstream blob links and tracked repository contracts carry contributor-facing provenance.
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
The workflow, brief, contract, recipe, and comparison leaves added under the five non-Layout domains are StyleGallery-local synthesis with `provenance_kind: local`; their worked scenarios are proposals, not captured product evidence. The domain indexes route selection, authoring, application, and verification.
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
`design-engineering/consumer-migration-readiness.md` is a separately declared StyleGallery-local leaf. It uses `provenance_kind: local`, carries no external source fields, and remains experimental. Its presence does not change the external-adaptation inventory or make its consumer-local method universal policy.
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
## Lifecycle And Staleness
|
|
55
|
+
|
|
56
|
+
External adaptations begin `experimental`. Domain lifecycle changes are repository-owner decisions based on whether the bounded scope remains coherent, provenance and platform-version obligations are current, and machine-checkable contracts have relevant validator coverage. User studies, reader tasks, adoption counts, and attestations are neither required nor sufficient for a domain lifecycle change. Remove or revise a page when its source revision changes materially, a platform claim becomes stale, a local quality gate contradicts it, or its route or boundary no longer matches the domain contract.
|
|
55
57
|
|
|
56
58
|
### Consumer Reference Promotion
|
|
57
59
|
|
|
58
|
-
Consumer-reference promotion does not add a domain. The [canonical promotion contract](consumer-reference/contract.md#promotion-boundary) owns the full human-readable boundary, and the [canonical JSON promotion policy](consumer-reference/policies/shared-experimental.json) owns machine policy. As a boundary summary: the `>=2` gateway applies only to consumer-local → shared-experimental invariant eligibility; Editorial and terminal are related examples in one fixture set; Shared stable has no numeric adoption threshold; and Normative correctness may waive adoption count only. A failed stable contract is never silently relabeled experimental. Promotion records are JSON-only, and the committed examples remain synthetic with zero adopter attestations.
|
|
60
|
+
This separate contract governs consumer-reference invariant sharing only; it does not govern domain or page lifecycle. Consumer-reference promotion does not add a domain. The [canonical promotion contract](consumer-reference/contract.md#promotion-boundary) owns the full human-readable boundary, and the [canonical JSON promotion policy](consumer-reference/policies/shared-experimental.json) owns machine policy. As a boundary summary: the `>=2` gateway applies only to consumer-local → shared-experimental invariant eligibility; Editorial and terminal are related examples in one fixture set; Shared stable has no numeric adoption threshold; and Normative correctness may waive adoption count only. A failed stable contract is never silently relabeled experimental. Promotion records are JSON-only, and the committed examples remain synthetic with zero adopter attestations.
|
|
59
61
|
|
|
60
62
|
## IA Navigation
|
|
61
63
|
|
package/GOVERNANCE.md
CHANGED
|
@@ -42,12 +42,18 @@ Use this file before editing repository documentation. It names which file is au
|
|
|
42
42
|
| Design Engineering domain guidance | `design-engineering/*.md` | Manual | None | `experimental` | Upstream revision, evidence boundary, or guidance changes. | `scripts/validate-domains.mjs` | Design Engineering domain owner |
|
|
43
43
|
| Game UI domain guidance | `game-ui/**/*.md` | Manual | None | `experimental` | Classification, hierarchy, engine implementation, evidence boundary, or route changes. | `scripts/validate-domains.mjs` | Game UI domain owner |
|
|
44
44
|
| 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 |
|
|
45
|
-
| Design Terminology domain guidance | `design-terminology/*.md` | Manual | 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
|
+
| 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 |
|
|
46
46
|
| Pattern data and examples | `scripts/pattern-data.mjs` | Manual data source | `patterns/**/*.md`, `patterns/**/index.md`, `patterns/index.md`, `CATALOG.md` | `generated` output from `stable` source | Source-lineage URL changes, generated drift, category changes, or pattern count changes. | `scripts/validate-patterns.mjs`, `scripts/validate-catalog.mjs`, `scripts/validate-governance.mjs` | Pattern-data owner |
|
|
47
47
|
| Pattern generator | `scripts/generate-patterns.mjs` | Manual code source | `patterns/**/*.md`, `patterns/**/index.md`, `patterns/index.md`, `CATALOG.md` | `stable` generator, `generated` output | Generated structure changes, generated-warning changes, or generated metadata changes. | `node -c scripts/generate-patterns.mjs`, generated drift check, `scripts/validate-governance.mjs` | Pattern-data owner |
|
|
48
48
|
| Validation scripts | `scripts/validate-*.mjs`, `scripts/test-validate-*.mjs` | Manual code source | CI validation output | `stable` | Validator scope changes, fixture changes, or CI parity changes. | `node -c`, matching fixture tests, `.github/workflows/validate.yml` | Validation owner |
|
|
49
49
|
| CI workflows | `.github/workflows/validate.yml`, `.github/workflows/evidence-freshness.yml` | Manual | GitHub Actions runs and audit artifacts | `stable` | Validation step, explicit-deadline schedule, generated drift policy, or owner changes. | GitHub Actions, `scripts/validate-governance.mjs` | Repository governance owner |
|
|
50
50
|
|
|
51
|
+
## Domain Workflow Verification Boundary
|
|
52
|
+
|
|
53
|
+
The non-Layout hubs route selection, briefs/contracts, applied recipes or cases, and verification. Their local leaves declare `provenance_kind: local` and remain `experimental`. Worked examples contain expected outcomes, not captured product or engine evidence. `scripts/validate-domains.mjs` checks declared membership, provenance, sections, and routes; it does not execute those examples.
|
|
54
|
+
|
|
55
|
+
The Design Terminology Markdown tables additionally require directly located sources, labels, valid dates, explicit comparison scope and direction, and consistent relation graphs. `scripts/validate-design-terminology.mjs` and its negative fixtures check those record invariants; semantic accuracy and independent promotion review remain human judgments. Material v2 indexes only the admitted Markdown bytes. Changing the allowed document set requires updating its closed inventory, digest, package exposure, and generated registry together, without admitting code, schemas, profiles, or fixtures as material.
|
|
56
|
+
|
|
51
57
|
## Generated Artifact Policy
|
|
52
58
|
|
|
53
59
|
Generated files are not source of truth. Do not hand-edit generated artifacts to change pattern content or catalog structure.
|
package/README.md
CHANGED
|
@@ -62,6 +62,10 @@ For a coding agent with repository filesystem access, local guided traversal is
|
|
|
62
62
|
|
|
63
63
|
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.
|
|
64
64
|
|
|
65
|
+
The [Toss-inspired homepage clone](examples/toss-homepage-clone/README.md) applies the same workflow to an observed external homepage: it maps the source into section jobs, composes existing Layout patterns, keeps brand styling in the example layer, and records desktop, mobile, keyboard, overflow, and reduced-motion checks.
|
|
66
|
+
|
|
67
|
+
The [Scroll Story Lab](examples/scroll-story/README.md) adds runnable scroll-controlled product chapters, an image sequence with bounded decoding, native CSS scrubbing, and a static reading path. Start from [Motion’s scroll-driven story](motion/interaction-recipes.md#scroll-driven-story) for ownership and failure cases. The [Scene Navigation example](examples/scene-navigation/README.md) keeps the entire page fixed while wheel, keys, chapter links, and art-surface swipes select scenes; its [separate contract](motion/interaction-recipes.md#full-viewport-scene-navigation) covers input ownership, history, focus, and reading escape.
|
|
68
|
+
|
|
65
69
|
### Read-only MCP server
|
|
66
70
|
|
|
67
71
|
Launch the packaged stdio server with:
|
|
@@ -119,6 +123,20 @@ CLI와 MCP의 상세 사용법은 [Agent-Native StyleGallery 가이드](consumer
|
|
|
119
123
|
|
|
120
124
|
The canonical domain manifest and provenance policy are in [StyleGallery Domains](DOMAINS.md).
|
|
121
125
|
|
|
126
|
+
## Practical Domain Workflows
|
|
127
|
+
|
|
128
|
+
| Task | Start | Apply and verify |
|
|
129
|
+
| --- | --- | --- |
|
|
130
|
+
| Design a transition | [Motion Decision Tree](motion/decision-tree.md) | [Brief](motion/motion-brief.md), [interaction recipes](motion/interaction-recipes.md), and [review](motion/review-workflow.md) |
|
|
131
|
+
| Build a product interaction | [Design Engineering Decision Tree](design-engineering/decision-tree.md) | [Component contract](design-engineering/component-contract.md) and [worked examples](design-engineering/worked-examples.md) |
|
|
132
|
+
| Compose a game screen | [Game UI Decision Tree](game-ui/decision-tree.md) | [Screen recipes](game-ui/screen-recipes.md) and [verification workflow](game-ui/verification-workflow.md) |
|
|
133
|
+
| Adapt a platform convention | [Platform Adaptation Workflow](platform-guides/adaptation-workflow.md) | [Apple](platform-guides/apple-interaction.md), [Android](platform-guides/android-interaction.md), [Windows](platform-guides/windows-interaction.md), and [compatibility matrix](platform-guides/compatibility-matrix.md) |
|
|
134
|
+
| Resolve a terminology conflict | [Design Term Comparison Workflow](design-terminology/comparison-workflow.md) | [Directly sourced term cases](design-terminology/conflict-cases.md) and [relation rules](design-terminology/relation-types.md) |
|
|
135
|
+
|
|
136
|
+
Layout 외 도메인도 선택 절차, 작성 양식, 적용 사례, 검증 경로를 제공합니다. 예제의 기대 결과는 실제 실행 증거와 구분하며, 공식 출처를 확인한 날짜와 적용 범위는 각 문서에 기록합니다. 문서 확충만으로 `experimental` 상태가 자동 승격되지는 않습니다.
|
|
137
|
+
|
|
138
|
+
[Interaction Lab](examples/domain-interactions/README.md)은 저장·검색·중첩 팝업·보상·입력 사례를 실행할 수 있는 브라우저 예제입니다. [검증 기록](examples/domain-interactions/verification.md)은 실제 Mac 브라우저에서 관찰한 결과와 모바일·네이티브 엔진 미검증 범위를 구분합니다.
|
|
139
|
+
|
|
122
140
|
## Repository Entry Roles
|
|
123
141
|
|
|
124
142
|
Use each root hub for one primary job.
|
|
@@ -49,11 +49,21 @@
|
|
|
49
49
|
"domain": "shared",
|
|
50
50
|
"lifecycle": "stable"
|
|
51
51
|
},
|
|
52
|
+
{
|
|
53
|
+
"repository_path": "design-engineering/component-contract.md",
|
|
54
|
+
"domain": "design-engineering",
|
|
55
|
+
"lifecycle": "experimental"
|
|
56
|
+
},
|
|
52
57
|
{
|
|
53
58
|
"repository_path": "design-engineering/consumer-migration-readiness.md",
|
|
54
59
|
"domain": "design-engineering",
|
|
55
60
|
"lifecycle": "experimental"
|
|
56
61
|
},
|
|
62
|
+
{
|
|
63
|
+
"repository_path": "design-engineering/decision-tree.md",
|
|
64
|
+
"domain": "design-engineering",
|
|
65
|
+
"lifecycle": "experimental"
|
|
66
|
+
},
|
|
57
67
|
{
|
|
58
68
|
"repository_path": "design-engineering/index.md",
|
|
59
69
|
"domain": "design-engineering",
|
|
@@ -64,6 +74,16 @@
|
|
|
64
74
|
"domain": "design-engineering",
|
|
65
75
|
"lifecycle": "experimental"
|
|
66
76
|
},
|
|
77
|
+
{
|
|
78
|
+
"repository_path": "design-engineering/worked-examples.md",
|
|
79
|
+
"domain": "design-engineering",
|
|
80
|
+
"lifecycle": "experimental"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"repository_path": "design-terminology/comparison-workflow.md",
|
|
84
|
+
"domain": "design-terminology",
|
|
85
|
+
"lifecycle": "experimental"
|
|
86
|
+
},
|
|
67
87
|
{
|
|
68
88
|
"repository_path": "design-terminology/concept-families.md",
|
|
69
89
|
"domain": "design-terminology",
|
|
@@ -99,6 +119,11 @@
|
|
|
99
119
|
"domain": "game-ui",
|
|
100
120
|
"lifecycle": "experimental"
|
|
101
121
|
},
|
|
122
|
+
{
|
|
123
|
+
"repository_path": "game-ui/decision-tree.md",
|
|
124
|
+
"domain": "game-ui",
|
|
125
|
+
"lifecycle": "experimental"
|
|
126
|
+
},
|
|
102
127
|
{
|
|
103
128
|
"repository_path": "game-ui/index.md",
|
|
104
129
|
"domain": "game-ui",
|
|
@@ -114,6 +139,11 @@
|
|
|
114
139
|
"domain": "game-ui",
|
|
115
140
|
"lifecycle": "experimental"
|
|
116
141
|
},
|
|
142
|
+
{
|
|
143
|
+
"repository_path": "game-ui/screen-recipes.md",
|
|
144
|
+
"domain": "game-ui",
|
|
145
|
+
"lifecycle": "experimental"
|
|
146
|
+
},
|
|
117
147
|
{
|
|
118
148
|
"repository_path": "game-ui/unity/architecture.md",
|
|
119
149
|
"domain": "game-ui",
|
|
@@ -139,6 +169,11 @@
|
|
|
139
169
|
"domain": "game-ui",
|
|
140
170
|
"lifecycle": "experimental"
|
|
141
171
|
},
|
|
172
|
+
{
|
|
173
|
+
"repository_path": "game-ui/verification-workflow.md",
|
|
174
|
+
"domain": "game-ui",
|
|
175
|
+
"lifecycle": "experimental"
|
|
176
|
+
},
|
|
142
177
|
{
|
|
143
178
|
"repository_path": "guides/decision-tree.md",
|
|
144
179
|
"domain": "layout",
|
|
@@ -179,11 +214,26 @@
|
|
|
179
214
|
"domain": "shared",
|
|
180
215
|
"lifecycle": "stable"
|
|
181
216
|
},
|
|
217
|
+
{
|
|
218
|
+
"repository_path": "motion/decision-tree.md",
|
|
219
|
+
"domain": "motion",
|
|
220
|
+
"lifecycle": "experimental"
|
|
221
|
+
},
|
|
182
222
|
{
|
|
183
223
|
"repository_path": "motion/index.md",
|
|
184
224
|
"domain": "motion",
|
|
185
225
|
"lifecycle": "experimental"
|
|
186
226
|
},
|
|
227
|
+
{
|
|
228
|
+
"repository_path": "motion/interaction-recipes.md",
|
|
229
|
+
"domain": "motion",
|
|
230
|
+
"lifecycle": "experimental"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"repository_path": "motion/motion-brief.md",
|
|
234
|
+
"domain": "motion",
|
|
235
|
+
"lifecycle": "experimental"
|
|
236
|
+
},
|
|
187
237
|
{
|
|
188
238
|
"repository_path": "motion/practice-reference.md",
|
|
189
239
|
"domain": "motion",
|
|
@@ -479,16 +529,36 @@
|
|
|
479
529
|
"domain": "layout",
|
|
480
530
|
"lifecycle": "generated"
|
|
481
531
|
},
|
|
532
|
+
{
|
|
533
|
+
"repository_path": "platform-guides/adaptation-workflow.md",
|
|
534
|
+
"domain": "platform-guides",
|
|
535
|
+
"lifecycle": "experimental"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"repository_path": "platform-guides/android-interaction.md",
|
|
539
|
+
"domain": "platform-guides",
|
|
540
|
+
"lifecycle": "experimental"
|
|
541
|
+
},
|
|
482
542
|
{
|
|
483
543
|
"repository_path": "platform-guides/apple-interaction.md",
|
|
484
544
|
"domain": "platform-guides",
|
|
485
545
|
"lifecycle": "experimental"
|
|
486
546
|
},
|
|
547
|
+
{
|
|
548
|
+
"repository_path": "platform-guides/compatibility-matrix.md",
|
|
549
|
+
"domain": "platform-guides",
|
|
550
|
+
"lifecycle": "experimental"
|
|
551
|
+
},
|
|
487
552
|
{
|
|
488
553
|
"repository_path": "platform-guides/index.md",
|
|
489
554
|
"domain": "platform-guides",
|
|
490
555
|
"lifecycle": "experimental"
|
|
491
556
|
},
|
|
557
|
+
{
|
|
558
|
+
"repository_path": "platform-guides/windows-interaction.md",
|
|
559
|
+
"domain": "platform-guides",
|
|
560
|
+
"lifecycle": "experimental"
|
|
561
|
+
},
|
|
492
562
|
{
|
|
493
563
|
"repository_path": "quality/claim-records/design-terminology-domain-scope.md",
|
|
494
564
|
"domain": "shared",
|
|
@@ -747,5 +817,5 @@
|
|
|
747
817
|
"code": "material_path_internal_excluded"
|
|
748
818
|
}
|
|
749
819
|
],
|
|
750
|
-
"version_id": "sg:policy/material-admission-v2@sha256:
|
|
820
|
+
"version_id": "sg:policy/material-admission-v2@sha256:3bc645aa9b84393a404612ebc4d757aada288ef88f57bb2d2fca03022b4d201d"
|
|
751
821
|
}
|