npm - dreative - Versions diffs - 0.5.3 → 0.5.4 - Mend

dreative 0.5.3 → 0.5.4

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 (19) hide show

package/dist/cli/audit.js +87 -11
package/dist/cli/audit.test.js +40 -1
package/dist/server/index.js +10 -5
package/dist/shared/artifacts.js +100 -5
package/dist/shared/artifacts.test.js +101 -0
package/dist/shared/design.js +209 -24
package/dist/shared/design.test.js +70 -0
package/dist/shared/ruleSystem.js +1 -1
package/dist/ui/assets/{index-CKwmbx2j.js → index-BQhYTdSa.js} +11 -11
package/dist/ui/index.html +1 -1
package/package.json +5 -5
package/skill/dreative/DESIGN.md +13 -9
package/skill/dreative/PLAN.md +13 -3
package/skill/dreative/SKILL.md +15 -4
package/skill/dreative/references/ARTIFACTS.md +26 -8
package/skill/dreative/references/TIERS.md +7 -1
package/skill/dreative/schemas/plan.schema.json +87 -5
package/skill/dreative/schemas/verify.schema.json +8 -2
package/skill/dreative/skills/mobile.md +6 -1

package/dist/ui/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Dreative</title>
-    <script type="module" crossorigin src="/assets/index-CKwmbx2j.js"></script>
+    <script type="module" crossorigin src="/assets/index-BQhYTdSa.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-y0gVjC7u.css">
   </head>
   <body>

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "dreative",
-  "version": "0.5.3",
-  "description": "Frontend design skill for coding CLIs with typed planning, specialist treatments, verification, and an optional visual editor.",
+  "version": "0.5.4",
+  "description": "Frontend design skill for coding CLIs with typed planning, specialist treatments, verification, and an optional visual editor.",
   "type": "module",
   "bin": {
     "dreative": "dist/cli/index.js"
@@ -14,9 +14,9 @@
     "build": "npm run build:server && npm run build:ui",
     "prepublishOnly": "npm run build",
     "build:server": "tsc -p tsconfig.json",
-    "build:ui": "vite build",
-    "test": "npm run build:server && node --test dist/shared/*.test.js dist/cli/*.test.js",
-    "docs-check": "npm run build:server && node dist/cli/index.js docs-check",
+    "build:ui": "vite build",
+    "test": "npm run build:server && node --test dist/shared/*.test.js dist/cli/*.test.js",
+    "docs-check": "npm run build:server && node dist/cli/index.js docs-check",
     "dev": "concurrently \"tsx watch src/cli/index.ts --no-open\" \"vite\"",
     "start": "node dist/cli/index.js"
   },

package/skill/dreative/DESIGN.md CHANGED Viewed

@@ -4,7 +4,7 @@ You MUST read this file before servicing any `propose-skeletons`, `propose-varia
 `design-page`, or `edit-element` request, and run §12 before every respond. It exists
 because LLM-designed UIs converge on one templated look. Every rule corrects a known
 model default, but its category determines how it governs. Requests may carry a `plan` (Dreative's
-pre-computed decision: dials, per-section layout families, budgets, lints) — execute
+pre-computed constraints: dials, depth, source strategy, structural/mobile/expression contracts, budgets, and lints) — execute
 the plan, apply this doctrine to everything the plan doesn't specify. When
 `plan.skills` names specialist skills (`motion`, `3d`, `interaction`, `immersive`,
 `cinematic`, `refined`, `media`, `ux`, `mobile`), the matching
@@ -549,8 +549,11 @@ route slugs, nav labels, form field names, logo, legal copy; extract brand token
 before applying §4 (a purple brand stays purple); apply modernisation levers in
 order — typography → spacing/rhythm → color recalibration → motion layer → hero
 recomposition → full replacement only when unsalvageable. Honor existing
-accessibility wins and analytics hooks. Preserve prior element-level edits when
-`previousFile` is set.
+accessibility wins and analytics hooks. `previousFile` is a composition source
+only for `restyle`. For `relayout`, old code is a content/behavior inventory. For
+`restructure` and `reimagine`, it is a wiring reference only: draft the new
+blueprint independently, then reconcile routes, handlers, data, fields, states,
+accessibility, analytics, required copy, and public APIs.
 ### The preservation contract (mandatory for ANY redesign of existing code)
@@ -645,9 +648,10 @@ coat of CSS on the old skeleton.
 **The drastic-change floor (rungs 3–4).** The chronic failure at these rungs is
 timidity: the agent rebuilds the components but reproduces the old page's shape,
 so a before/after glance reads as a re-theme. That is a failed restructure. At
-rung 3–4 the new page must be **unmistakably a different design at one glance**
-— someone shown both screenshots should assume different products. Concretely,
-change at least TWO structural paradigms, not just their styling:
+rung 3–4 the structural-delta contract must name material changes to page
+architecture, component boundaries, navigation, workflow, or interaction model.
+Tokens, cards, decoration, and entrance motion cannot satisfy it. Relevant
+paradigms can include:
 - **Navigation model** — top bar → side rail / command palette / dock / sticky
   chapter nav / full-screen overlay menu.
@@ -659,12 +663,12 @@ change at least TWO structural paradigms, not just their styling:
 - **Hero concept** — a new signature idea (typographic monument, media plane,
   3D object, kinetic composition), not the old hero with new colors.
-Creativity is bounded by usability: every drastic move must still be MORE
+These are diagnostic possibilities, not quotas. Creativity is bounded by usability: every drastic move must still be MORE
 user-friendly than what it replaces — clearer hierarchy, fewer steps to the key
 action, honest affordances, mobile ergonomics intact (§13, skills/ux.md). A
 restructure that confuses users is as failed as one that changed nothing. The
-self-critique pass at these rungs must answer: "name the two-plus structural
-paradigms that changed, and why each is easier to use than before." If mid-work you discover the chosen rung cannot
+self-critique pass must explain why the implemented delta honestly satisfies the
+chosen depth and how it improves use. If mid-work you discover the chosen rung cannot
 honestly deliver the requested outcome (the reference look demands structure the
 current markup can't express), say so and ask to move up one rung rather than
 shipping an imitation. Rungs 3–4 on an extracted app still honor §11 preservation

package/skill/dreative/PLAN.md CHANGED Viewed

@@ -263,8 +263,17 @@ hard cap 7). Structured tools always offer an "Other" free-text option, so
 every question doubles as a remarks channel — and the last question asked
 should explicitly invite extra direction.
-1. **Depth** (redesigns of existing code only) — the §11 transformation-depth
-   ladder: restyle / re-layout / restructure / reimagine.
+1. **Depth** (redesigns of existing code only) — the §11 transformation-depth
+   ladder: restyle / re-layout / restructure / reimagine.
+   Record it independently from ambition. For every page, write the current and
+   proposed models/paradigms, material changes, surviving/rebuilt boundaries,
+   preserved contracts, retained patterns with rationale, forbidden carryovers,
+   and a depth-honesty assessment. Then write the page-level mobile blueprint
+   (task, first viewport, exact order, thumb action, safe areas, navigation,
+   desktop translations, media/motion/forms, 390px and 320px compositions, and
+   why it is not desktop DOM stacking). Classify the page register before
+   composing; transactional, account, admin, and utility pages do not inherit a
+   marketing shell.
 2. **Treatments** (multi-select — THE canonical skill-picker list). List every
    option **individually**, never pre-bundled into a combo choice (a
    "refined+motion+interaction+ux+mobile" single option is a bug — the user
@@ -504,7 +513,8 @@ Persist the approved plan first to `.dreative/plan.json` using
 `references/ARTIFACTS.md` and `schemas/plan.schema.json`; this is the delivery
 contract consumed by `dreative audit`. Render the same decisions as a readable
 `.dreative/plan.md` for the user and session re-entry. Keep section and asset
-statuses synchronized in JSON as the build progresses. Set `doctrineVersion: 2`,
+statuses synchronized in JSON as the build progresses. Set `version: 3` and
+`doctrineVersion: 3`,
 record `implementationStartedAt` immediately before code changes, and ensure all
 rule exceptions predate it. **The first time this run writes into
 `.dreative/`, also write `.dreative/README.md`** with exactly this content

package/skill/dreative/SKILL.md CHANGED Viewed

@@ -76,6 +76,13 @@ Detailed doctrine belongs in those references, not in this orchestration file.
   motion treatment for every major section: static composition, start/end
   states, changes, pins, handoff, purpose, mechanism, mobile translation, and
   reduced-motion state.
+- For every existing page, record its register, source strategy, concrete
+  existing-versus-proposed structural delta, page-level mobile blueprint, and
+  typed verification criteria. `restyle` uses `patch`, `relayout` uses
+  `recompose`, and `restructure`/`reimagine` use `rebuild-from-contracts`.
+  Expressive/award pages also need a content/state-specific expression contract
+  or a documented intentional-calm rationale. Record project coherence without
+  repeating one branded shell across unlike page registers.
 - Render a concise `.dreative/plan.md` for the user and for session re-entry.
 The approved plan is a delivery contract. A section ends as `shipped`,
@@ -133,8 +140,9 @@ must appear somewhere in the overall plan, but not on every page.
 - Implement blueprint sections in order. Keep the machine plan status current.
 - Do not open recipe catalogs before `conceptExploration` records three
   brand-native concepts. Record every recipe file and load time in `recipeAccess`.
-- A restructure or reimagine rebuilds markup/component boundaries when necessary;
-  it is not a stylesheet-only restyle.
+- A restructure or reimagine creates the new blueprint independently, uses old
+  code only as a behavior/wiring reference, and then reconciles preservation.
+  It is not a stylesheet-only restyle.
 - Every heavy effect ships with its planned reduced-motion, mobile, loading, and
   runtime fallback.
@@ -155,7 +163,8 @@ Verification is evidence, not prose asserting that something was checked.
 1. Run the repository's targeted tests, typecheck, and build.
 2. Run the page and perform the `ux` functional audit.
-3. Verify desktop and approximately 390px mobile.
+3. Verify desktop (approximately 1280/1440px), 390×844 mobile, and a 320px
+   narrow-mobile fallback for every important page.
 4. Check the console, links, forms, keyboard path, states, reduced motion,
    responsive overflow, and pointer hit areas.
 5. For motion/WebGL/video, record runtime evidence and performance numbers.
@@ -164,7 +173,9 @@ Verification is evidence, not prose asserting that something was checked.
 6. Reconcile every plan section and asset against what visibly shipped.
 7. At expressive/award, visually inspect the captured states, make at least one
    refinement to timing, composition, readability, or continuity, and record it.
-8. Write `.dreative/verify.json` and run `dreative audit`.
+8. Write `.dreative/verify.json` v2. Associate each row to a typed criterion,
+   page/section, evidence kind, viewport class, and artifact/test. Run
+   `dreative audit`.
 9. Fix every error. Warnings require either a fix or a recorded justification.
 Every evidence-backed substitution references passing evidence IDs whose proof

package/skill/dreative/references/ARTIFACTS.md CHANGED Viewed

@@ -7,9 +7,9 @@ All paths are relative to the target project.
 Required top-level fields:
-- `version: 2`
-- `doctrineVersion: 2` for the bounded-creative-controls format. Legacy v2
-  plans without this field remain readable and receive a migration warning.
+- `version: 3`, `doctrineVersion: 3`. Legacy v2 plans remain readable only for
+  compatibility and receive a migration warning; they do not satisfy v3 depth,
+  mobile, expression, or evidence guarantees.
 - `request`, `createdAt`
 - `tier`: `solid | premium | expressive | award`
 - `depth`: `restyle | relayout | restructure | reimagine`
@@ -17,6 +17,8 @@ Required top-level fields:
 - `skillPolicy`: hybrid routing policy, global foundations, explicit user page
   assignments, and `routingApproved: true`
 - `designRead`: `{ register, concept, signature }`
+- `coherence`: global visual/interaction languages, shared primitives,
+  page-specific register/task models, continuity, and prohibited repeated shells
 - `preservationManifest`: normally `.dreative/preservation.json`
 - `decisionLedger`: normally `.dreative/ledger.json`
 - `pages`: ordered pages, each with its assigned skills and delivery sections
@@ -33,10 +35,16 @@ Required top-level fields:
 Every selected skill must appear on at least one page. Every page includes `ux`
 and `mobile`, but optional treatments are assigned only where they serve that
-page. A section may use only skills assigned to its parent page.
+page. A section may use only skills assigned to its parent page. Each page also
+requires `register`, the depth-derived `sourceStrategy`, a concrete
+`structuralDelta`, and a page-level `mobileBlueprint`. Expressive/award pages
+require an `expression` contract or `intentionalCalm`; at least one page across
+the product must carry authored expression.
 Each section requires `id`, `name`, `layoutFamily`, `skills`, `interactions`,
-`mobile`, `fallback`, `verification`, `assets`, and `status`. At expressive/
+`mobile`, `fallback`, typed `verification`, `assets`, and `status`. Verification
+criteria include a stable id, claim, evidence kind, page/section, and required
+viewport classes. At expressive/
 award it also requires `motionTreatment`: class, static composition, start/end
 states, changes, pins, handoff, purpose, mechanism, mobile, and reduced motion. Status is
 `planned | shipped | fallback | cut`; fallback/cut requires `reason`.
@@ -108,7 +116,7 @@ category from the registry. Repeating a recent display font needs an additional
 ```json
 {
-  "version": 1,
+  "version": 2,
   "createdAt": "2026-01-01T00:00:00.000Z",
   "items": [
     {
@@ -138,6 +146,11 @@ Schema: `schemas/verify.schema.json`.
     {
       "id": "mobile-nav",
       "criterion": "Mobile navigation opens and closes",
+      "kind": "interaction",
+      "criterionId": "navigation-mobile",
+      "pageId": "home",
+      "sectionId": "navigation",
+      "viewportClass": "mobile",
       "status": "pass",
       "evidence": "Escape closes and focus returns to trigger",
       "proof": {
@@ -153,7 +166,11 @@ Schema: `schemas/verify.schema.json`.
 }
 ```
-Every evidence row requires a timestamp and concrete proof: an existing artifact
+Every evidence row is joined to its planned criterion by id, page, section,
+evidence kind, and viewport class. Every important page requires desktop
+(approximately 1280/1440px), mobile (approximately 390×844), and narrow-mobile
+(approximately 320px) evidence; deep redesigns also require structural-depth
+evidence and every page requires preservation evidence. Every row requires a timestamp and concrete proof: an existing artifact
 path, command + exit code, tested URL/console count, FPS/frame-time measurement,
 or Playwright test identifier. `dreative audit` checks referenced artifact paths
 and rejects passing commands with nonzero exits or passing runs with console
@@ -192,5 +209,6 @@ store secrets, personal notes, or unrelated conversation.
 ## Audit
 Run `dreative audit`. It validates schemas, skill dependency closure, section
-completion, shipped assets, preservation needles, verification evidence, and the
+completion, shipped assets, preservation needles, exact criterion/evidence
+associations, required viewports, structural depth, anti-slop warnings, and the
 decision ledger. `--json` emits a machine-readable report.

package/skill/dreative/references/TIERS.md CHANGED Viewed

@@ -26,7 +26,11 @@ all lower-tier requirements.
   or one signature mechanism developing through materially different states.
 - A section-by-section motion treatment and contextual complexity budget
   concentrate structural/transformational motion into a few hero moments.
-- At least one input-driven treatment; entrances alone do not satisfy the tier.
+- At least one project-specific mechanism communicates content, state,
+  progression, selection, navigation, transformation, or spatial relationship.
+  Entrances, hover elevation, gradients, and large type alone do not satisfy
+  the tier. A calm page may document why while the wider product retains a
+  coherent authored expression system.
 - Mobile translations and reduced-motion fallbacks are implemented, not noted.
 - Frame behavior and heavy asset cost are measured.
@@ -42,3 +46,5 @@ all lower-tier requirements.
 Do not force Award requirements on product dashboards, checkout, forms, or users
 who asked for calm professional work. Ambition is a product decision, not a score.
+Transformation depth remains separate: `restructure + solid` changes page
+architecture, while `restyle + expressive` may retain it honestly.

package/skill/dreative/schemas/plan.schema.json CHANGED Viewed

@@ -4,10 +4,10 @@
   "title": "Dreative Multi-Page Direct Design Plan",
   "type": "object",
   "additionalProperties": false,
-  "required": ["version", "request", "createdAt", "tier", "depth", "skills", "skillPolicy", "designRead", "pages", "preservationManifest", "decisionLedger"],
+  "required": ["version", "doctrineVersion", "request", "createdAt", "tier", "depth", "skills", "skillPolicy", "designRead", "coherence", "pages", "preservationManifest", "decisionLedger"],
   "properties": {
-    "version": { "const": 2 },
-    "doctrineVersion": { "const": 2 },
+    "version": { "const": 3 },
+    "doctrineVersion": { "const": 3 },
     "request": { "type": "string", "minLength": 1 },
     "createdAt": { "type": "string", "format": "date-time" },
     "tier": { "enum": ["solid", "premium", "expressive", "award"] },
@@ -53,6 +53,7 @@
     "experimentalPlan": { "$ref": "#/$defs/experimentalPlan" },
     "conceptExploration": { "$ref": "#/$defs/conceptExploration" },
     "recipeAccess": { "type": "array", "items": { "$ref": "#/$defs/recipeAccess" } },
+    "coherence": { "$ref": "#/$defs/coherence" },
     "pages": { "type": "array", "minItems": 1, "items": { "$ref": "#/$defs/page" } },
     "preservationManifest": { "type": "string", "minLength": 1 },
     "decisionLedger": { "type": "string", "minLength": 1 }
@@ -270,7 +271,7 @@
         "motionTreatment": { "$ref": "#/$defs/motionTreatment" },
         "mobile": { "type": "string", "minLength": 1 },
         "fallback": { "type": "string", "minLength": 1 },
-        "verification": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } },
+        "verification": { "type": "array", "minItems": 1, "items": { "$ref": "#/$defs/verificationCriterion" } },
         "assets": { "type": "array", "items": { "$ref": "#/$defs/asset" } },
         "status": { "$ref": "#/$defs/status" },
         "reason": { "type": "string", "minLength": 1 }
@@ -294,13 +295,94 @@
         "reducedMotion": { "type": "string", "minLength": 12 }
       }
     },
+    "verificationCriterion": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["id", "claim", "kind", "pageId", "viewports"],
+      "properties": {
+        "id": { "type": "string", "minLength": 1 },
+        "claim": { "type": "string", "minLength": 12 },
+        "kind": { "enum": ["visual", "interaction", "responsive", "preservation", "structural-depth"] },
+        "pageId": { "type": "string", "minLength": 1 },
+        "sectionId": { "type": "string", "minLength": 1 },
+        "viewports": { "type": "array", "minItems": 1, "uniqueItems": true, "items": { "enum": ["desktop", "mobile", "narrow-mobile", "non-visual"] } }
+      }
+    },
+    "pageRegister": { "enum": ["marketing-storytelling", "discovery-browse", "task-transaction", "account-status", "administration", "data-dense-utility", "authentication", "system-state"] },
+    "structuralDelta": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["existingModel", "proposedModel", "existingParadigm", "proposedParadigm", "materialChanges", "survivingBoundaries", "rebuiltBoundaries", "preservedContracts", "retainedPatterns", "forbiddenCarryovers", "depthHonesty"],
+      "properties": {
+        "existingModel": { "type": "string", "minLength": 12 },
+        "proposedModel": { "type": "string", "minLength": 12 },
+        "existingParadigm": { "type": "string", "minLength": 12 },
+        "proposedParadigm": { "type": "string", "minLength": 12 },
+        "materialChanges": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 12 } },
+        "survivingBoundaries": { "type": "array", "items": { "type": "string", "minLength": 1 } },
+        "rebuiltBoundaries": { "type": "array", "items": { "type": "string", "minLength": 1 } },
+        "preservedContracts": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } },
+        "retainedPatterns": { "type": "array", "items": { "type": "object", "additionalProperties": false, "required": ["pattern", "rationale"], "properties": { "pattern": { "type": "string", "minLength": 1 }, "rationale": { "type": "string", "minLength": 12 } } } },
+        "forbiddenCarryovers": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } },
+        "depthHonesty": { "type": "string", "minLength": 20 }
+      }
+    },
+    "mobileBlueprint": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["primaryTask", "firstViewportPurpose", "contentOrder", "beforeFirstScroll", "primaryThumbAction", "stickyElements", "safeArea", "navigationModel", "mobileOnlyComposition", "desktopTranslation", "mediaStrategy", "motionStrategy", "keyboardAndForms", "composition390", "fallback320", "stackingRejection", "verificationChecks"],
+      "properties": {
+        "primaryTask": { "type": "string", "minLength": 1 },
+        "firstViewportPurpose": { "type": "string", "minLength": 12 },
+        "contentOrder": { "type": "array", "minItems": 2, "items": { "type": "string", "minLength": 1 } },
+        "beforeFirstScroll": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } },
+        "primaryThumbAction": { "type": "object", "additionalProperties": false, "required": ["action", "placement"], "properties": { "action": { "type": "string", "minLength": 1 }, "placement": { "type": "string", "minLength": 12 } } },
+        "stickyElements": { "type": "array", "items": { "type": "string", "minLength": 1 } },
+        "safeArea": { "type": "string", "minLength": 12 },
+        "navigationModel": { "type": "string", "minLength": 12 },
+        "mobileOnlyComposition": { "type": "string", "minLength": 12 },
+        "desktopTranslation": { "type": "object", "additionalProperties": false, "required": ["retained", "translated", "removed", "replaced"], "properties": { "retained": { "type": "array", "items": { "type": "string" } }, "translated": { "type": "array", "items": { "type": "string" } }, "removed": { "type": "array", "items": { "type": "string" } }, "replaced": { "type": "array", "items": { "type": "string" } } } },
+        "mediaStrategy": { "type": "string", "minLength": 12 },
+        "motionStrategy": { "type": "string", "minLength": 12 },
+        "keyboardAndForms": { "type": "string", "minLength": 12 },
+        "composition390": { "type": "string", "minLength": 12 },
+        "fallback320": { "type": "string", "minLength": 12 },
+        "stackingRejection": { "type": "string", "minLength": 12 },
+        "verificationChecks": { "type": "array", "minItems": 13, "uniqueItems": true, "items": { "enum": ["no-horizontal-overflow", "no-clipped-content", "fixed-elements-clear-content", "safe-area-spacing", "primary-task-discoverable", "primary-action-reachable", "touch-targets", "software-keyboard-usable", "no-hover-only", "intentional-mobile-composition", "mobile-content-order", "motion-media-translated", "no-decorative-task-blocker"] } }
+      }
+    },
+    "expression": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["mechanism", "communicates", "projectFit", "location", "mobileTranslation", "reducedMotion", "fallback", "verification"],
+      "properties": {
+        "mechanism": { "type": "string", "minLength": 12 }, "communicates": { "type": "string", "minLength": 12 }, "projectFit": { "type": "string", "minLength": 12 }, "location": { "type": "string", "minLength": 12 }, "mobileTranslation": { "type": "string", "minLength": 12 }, "reducedMotion": { "type": "string", "minLength": 12 }, "fallback": { "type": "string", "minLength": 12 }, "verification": { "type": "string", "minLength": 12 }
+      }
+    },
+    "coherence": {
+      "type": "object", "additionalProperties": false,
+      "required": ["globalVisualLanguage", "globalInteractionLanguage", "sharedPrimitives", "pageSpecificCompositions", "crossPageContinuity", "prohibitedRepeatedShells"],
+      "properties": {
+        "globalVisualLanguage": { "type": "string", "minLength": 12 }, "globalInteractionLanguage": { "type": "string", "minLength": 12 },
+        "sharedPrimitives": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } },
+        "pageSpecificCompositions": { "type": "array", "minItems": 1, "items": { "type": "object", "additionalProperties": false, "required": ["pageId", "register", "taskModel", "expressionLevel"], "properties": { "pageId": { "type": "string", "minLength": 1 }, "register": { "$ref": "#/$defs/pageRegister" }, "taskModel": { "type": "string", "minLength": 12 }, "expressionLevel": { "enum": ["calm", "authored"] } } } },
+        "crossPageContinuity": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } },
+        "prohibitedRepeatedShells": { "type": "array", "minItems": 1, "items": { "type": "string", "minLength": 1 } }
+      }
+    },
     "page": {
       "type": "object",
       "additionalProperties": false,
-      "required": ["id", "name", "skills", "sections"],
+      "required": ["id", "name", "register", "sourceStrategy", "structuralDelta", "mobileBlueprint", "skills", "sections"],
       "properties": {
         "id": { "type": "string", "minLength": 1 },
         "name": { "type": "string", "minLength": 1 },
+        "register": { "$ref": "#/$defs/pageRegister" },
+        "sourceStrategy": { "enum": ["patch", "recompose", "rebuild-from-contracts"] },
+        "structuralDelta": { "$ref": "#/$defs/structuralDelta" },
+        "mobileBlueprint": { "$ref": "#/$defs/mobileBlueprint" },
+        "expression": { "$ref": "#/$defs/expression" },
+        "intentionalCalm": { "type": "string", "minLength": 20 },
         "skills": { "$ref": "#/$defs/skillList" },
         "sections": { "type": "array", "minItems": 1, "items": { "$ref": "#/$defs/section" } }
       }

package/skill/dreative/schemas/verify.schema.json CHANGED Viewed

@@ -6,17 +6,23 @@
   "additionalProperties": false,
   "required": ["version", "generatedAt", "evidence"],
   "properties": {
-    "version": { "const": 1 },
+    "version": { "const": 2 },
     "generatedAt": { "type": "string", "format": "date-time" },
     "evidence": {
       "type": "array",
       "items": {
         "type": "object",
         "additionalProperties": false,
-        "required": ["id", "criterion", "status", "evidence", "proof"],
+        "required": ["id", "criterion", "kind", "criterionId", "pageId", "viewportClass", "status", "evidence", "proof"],
         "properties": {
           "id": { "type": "string", "minLength": 1 },
           "criterion": { "type": "string", "minLength": 1 },
+          "kind": { "enum": ["visual", "interaction", "responsive", "preservation", "structural-depth"] },
+          "criterionId": { "type": "string", "minLength": 1 },
+          "pageId": { "type": "string", "minLength": 1 },
+          "sectionId": { "type": "string", "minLength": 1 },
+          "viewportClass": { "enum": ["desktop", "mobile", "narrow-mobile", "non-visual"] },
+          "mobileChecks": { "type": "array", "minItems": 1, "uniqueItems": true, "items": { "enum": ["no-horizontal-overflow", "no-clipped-content", "fixed-elements-clear-content", "safe-area-spacing", "primary-task-discoverable", "primary-action-reachable", "touch-targets", "software-keyboard-usable", "no-hover-only", "intentional-mobile-composition", "mobile-content-order", "motion-media-translated", "no-decorative-task-blocker"] } },
           "status": { "enum": ["pass", "fail", "not-applicable"] },
           "evidence": { "type": "string", "minLength": 1 },
           "timelineState": {

package/skill/dreative/skills/mobile.md CHANGED Viewed

@@ -6,7 +6,8 @@ Universal foundation: ux and baseline mobile apply to every web page.
 Follow `../references/SKILL_CONTRACT.md`. Dependency: `ux`. This skill is
 universal for web work. Deliver a section-by-section mobile translation, touch
-targets, responsive media/effect budgets, and approximately 390px verification.
+targets, responsive media/effect budgets, a page-level mobile blueprint, and
+390×844 plus 320px verification.
 It is never satisfied by shrinking desktop. Done means navigation, content,
 forms, orientation/viewport behavior, performance, and reduced motion pass on a
 coarse pointer.
@@ -34,6 +35,10 @@ choreography.
   screenful like one (hero = one headline + one visual + one CTA, nothing
   else). If a desktop section held three things, the mobile version stacks
   them as three clean beats or cuts to the strongest one.
+- **Task pages are task-first.** The first viewport exposes what the user needs
+  to act, the current state, and the primary action. Supporting explanation
+  follows; promotional or decorative panels never block the task without a
+  page-specific reason recorded in the blueprint.
 - **Tidy is the aesthetic.** Consistent gutters (20-24px), one column
   discipline, generous vertical rhythm (56-80px between sections), no element
   closer than 8px to another. Clutter reads twice as loud at 390px.