14 Site Brief — Design skill for Claude Code
Draft homepage, about, and offer pages from brand messaging into site/pages, linked to a growth experiment, with a simple visual preview.
How to install 14 Site Brief
Installs to ~/.claude/skills/chanl-ai-marketing-os-14-site-brief/SKILL.md
mkdir -p ~/.claude/skills/chanl-ai-marketing-os-14-site-brief && curl -fsSL https://raw.githubusercontent.com/chanl-ai/marketing-os/HEAD/skills/14-site-brief.md -o ~/.claude/skills/chanl-ai-marketing-os-14-site-brief/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What 14 Site Brief does
name: site-brief description: Draft homepage, about, and offer pages from brand messaging into site/pages, linked to a growth experiment, with a simple visual preview. Use when someone wants a website, a landing page, or "what would my site say".
Site Brief
Turns the messaging work into site copy the person can see — as the implement step of a positioning or conversion experiment.
Dependencies — fails closed
- Read
brand/voice.md,brand/messaging-framework.md, and visuals i
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Pair — Fuse two extracted designs into a single hybrid identity 3.6k ★
- Scroll World — Claude Code skill/plugin: immersive scroll-scrubbed 'fly through the world' landing pages generated with Higgs 537 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Growth Experiment
Design a growth experiment with hypothesis, ICE score, metrics, and success criteria. Ready to execute and mea
07 Social Media Graphics
Produce on-brand graphics and images from a saved visual recipe, in every size a platform needs, stamped with
Design Experiments
Draft a locked experiment plan with integrity-hash propagation, parallel research agents, and reviewer subagen
Blog Jeremylongshore
Generate and publish a portfolio/CV-style blog post to jeremylongshore.com (Jeremy's personal professional sit
Draft Design Brief
Draft the consolidated design brief (PRD + FRD) for a product, incorporating the user's picked visual directio
Design Craft
Building or reshaping a UI - a page, landing page, dashboard, product site, interactive piece. Use when choosi
Related Agents
Site Scribe
Use this agent to keep the AZM X website's record straight: rewrite the task list's "Right now" block before a
Website Steward
Owns the Beamhall marketing/landing site in website/ — design, content/copy, building, the Open Graph card, pu
Web Builder
Builds and ships marketing websites, landing pages and brochure sites on Next.js App Router and Vercel. Use fo