Fused Landing
Structured build + strict conformance. Two halves, one skill: the workflow
says in what order; the token discipline says with what materials.
0. Routing (keel-v2 decides)
A static landing page trips no danger surface → FAST lane under keel-v2.
Scan anyway. Common flips to HEAVY: a form posting to an auth'd or
PII-collecting endpoint, real prices computed (not copywritten), analytics
that stores personal data. If a surface goes live mid-build, STOP and flip —
keel-v2 §1 rules.
1. Deference (non-negotiable)
keel-v2 (CLAUDE.md + LAWS.md) is the arbiter. Its /review tripwires run on
every build from this skill. Accessibility and design conformance are never
cut — not for speed, not for laziness levels, not for "it's just a landing
page."
2. Workflow (in order, one turn on FAST)
- Read DESIGN.md first — fully, before any code. It is the design
Authority (keel-v2 §1 rule 2): conform, don't invent. If the project has
no DESIGN.md, copy this skill's starter next to the page, state you did,
and proceed on its defaults — do not invent tokens inline.
- Plan sections. 3-6 lines at the top of the turn: ordered section list
(e.g. hero → proof → features → pricing → CTA → footer) with THE one focal
point named per view. No separate planning round-trip.
- Build. Semantic HTML first; tokens only (§3); mobile-first; real copy
over lorem ipsum where the prompt gives any.
- Self-check in-turn. Run keel-v2 /review tripwires + the checklist in
§4. Report pass/fail inline. Fix fails this turn.
3. Token discipline (the conformance half)
- Color: only the role tokens in DESIGN.md §Color. No ad-hoc hex, no
opacity-hacked variants, no gradients that aren't in §Signature.
- Type: only the faces/sizes/weights in §Type. No new font imports.
- Space & shape: spacing steps and radii from §Space-&-shape only.
- Motion: durations/easings from §Motion; respect
prefers-reduced-motion.
- One focal point per view. Each viewport-height of page has exactly one
element that wins; everything else supports it.
- The signature appears once (see DESIGN.md §Signature) — not sprinkled.
- Anti-patterns list in DESIGN.md §Anti-patterns is a hard blocklist.
4. Self-check (report inline, pass/fail each)
5. Output shape
FAST lane: the page + the section plan + the self-check report. Terse.
Git repo → named branch, human commits. No repo → files in place, say so.
(Both per keel-v2 §1 rule 4.)
1---2name: fused-landing3description: Build or restyle landing/marketing pages by fusing a structured workflow (read DESIGN.md → plan sections → build → self-check) with strict token discipline: DESIGN.md tokens only, no ad-hoc hex, one focal point per view, no AI-slop anti-patterns. Defers to keel-v2 tripwires. Use for landing pages, marketing pages, hero sections, and pricing/CTA blocks.4---56# Fused Landing78Structured build + strict conformance. Two halves, one skill: the **workflow**9says in what order; the **token discipline** says with what materials.1011## 0. Routing (keel-v2 decides)1213A static landing page trips no danger surface → FAST lane under keel-v2.14Scan anyway. Common flips to HEAVY: a form posting to an auth'd or15PII-collecting endpoint, real prices computed (not copywritten), analytics16that stores personal data. If a surface goes live mid-build, STOP and flip —17keel-v2 §1 rules.1819## 1. Deference (non-negotiable)2021keel-v2 (CLAUDE.md + LAWS.md) is the arbiter. Its /review tripwires run on22every build from this skill. Accessibility and design conformance are never23cut — not for speed, not for laziness levels, not for "it's just a landing24page."2526## 2. Workflow (in order, one turn on FAST)27281. **Read DESIGN.md first — fully, before any code.** It is the design29 Authority (keel-v2 §1 rule 2): conform, don't invent. If the project has30 no DESIGN.md, copy this skill's starter next to the page, state you did,31 and proceed on its defaults — do not invent tokens inline.322. **Plan sections.** 3-6 lines at the top of the turn: ordered section list33 (e.g. hero → proof → features → pricing → CTA → footer) with THE one focal34 point named per view. No separate planning round-trip.353. **Build.** Semantic HTML first; tokens only (§3); mobile-first; real copy36 over lorem ipsum where the prompt gives any.374. **Self-check in-turn.** Run keel-v2 /review tripwires + the checklist in38 §4. Report pass/fail inline. Fix fails this turn.3940## 3. Token discipline (the conformance half)4142- **Color:** only the role tokens in DESIGN.md §Color. No ad-hoc hex, no43 opacity-hacked variants, no gradients that aren't in §Signature.44- **Type:** only the faces/sizes/weights in §Type. No new font imports.45- **Space & shape:** spacing steps and radii from §Space-&-shape only.46- **Motion:** durations/easings from §Motion; respect `prefers-reduced-motion`.47- **One focal point per view.** Each viewport-height of page has exactly one48 element that wins; everything else supports it.49- **The signature appears once** (see DESIGN.md §Signature) — not sprinkled.50- **Anti-patterns list in DESIGN.md §Anti-patterns is a hard blocklist.**5152## 4. Self-check (report inline, pass/fail each)5354- [ ] keel-v2 tripwires all run (dead code, secrets, a11y, conformance).55- [ ] Every color/size/space value traces to a DESIGN.md token.56- [ ] One focal point per view; signature used exactly once.57- [ ] a11y: labels, alt text, contrast ≥ 4.5:1 body / 3:1 large, focus58 visible, heading order sane, works keyboard-only.59- [ ] No §Anti-patterns violations.60- [ ] Responsive: no horizontal scroll at 360px; readable at 1440px.6162## 5. Output shape6364FAST lane: the page + the section plan + the self-check report. Terse.65Git repo → named branch, human commits. No repo → files in place, say so.66(Both per keel-v2 §1 rule 4.)
sayeediftekhar