design-web

Solid

Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.

Web & Frontend 22 stars 3 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 88/100

Stars 20%
45
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

## Design Web — Marketing & Landing, Register Brand ### When After `design-system` tokens exist and `design-method`'s Gate 0 has locked register `brand` (one dominant, expressive message). Read `design-method`'s routing table first — a dashboard/app/utility surface routes to `design-webapp` instead. Exception: a marketing-adjacent surface living inside an app shell (e.g. an in-app pricing page) still routes here for that one page (see `design-webapp`'s reciprocal note). ### Input - `design-system.md` — OKLCH palette, type pair, spacing density, the 3 dials. - `design-method/references/register/brand.md` — the page's POV sentence and the per-section Competitor Lift Test (loaded once per task, not re-read per step). - The `generate` move report (`design-method/references/moves/generate.md`) if this task started from Gate 0 — steps 1-4 of that report (register, inspiration, tokens, macrostructure) are inputs here, not repeated. ### Steps 1. **Structure comes from register + macrostructure, never from template reproduction.** `references/design-inspiration.md` browsing extracts palette, typography, and depth cues ONLY — section flow, spacing rhythm, and layout are never copied from a reference site. The actual skeleton is the macrostructure picked in `design-method`'s `generate` move (`references/macrostructure-bank.md`) filtered through the POV in `register/brand.md`. Reproducing an inspiration site's structure verbatim is the single biggest source of ...

Details

Author
fusengine
Repository
fusengine/agents
Created
6 months ago
Last Updated
yesterday
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

design-webapp

Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.

22 Updated yesterday
fusengine
Web & Frontend Solid

design-method

Core design method — Register resolution (brand vs product), the Design Read one-liner + the 3 dials (DESIGN_VARIANCE/VISUAL_DENSITY/MOTION_INTENSITY), the Gate 0 brief lock, Absolute bans, the 2-level AI-slop test, and routing to a move (generate/critique/audit/bolder/quieter/distill/harden/polish) and its target skill. Read this first, before design-system, any register/*.md, or any moves/*.md file.

22 Updated yesterday
fusengine
Web & Frontend Listed

brandbook

Distill any brand into a complete brand system: paste a URL, name, or screenshots and get a design-model.yaml (single source of truth), a script-rendered brandbook.html (tokens, type, voice, imagery spec, components, applications) and one hand-crafted landing page that proves the system captures the brand. Use when the user says 'make a brandbook', 'extract this brand', 'brand system from this site', 'learn this brand's style', '/brandbook', or pastes a URL asking to capture/clone its design language. Also triggers for 'remix my brandbook' or 'make it warmer/darker/etc'.

3 Updated 1 weeks ago
echowang97