Haazel Plugin — AI skill for Claude Code
Cinematic website builder plugin for Claude Code.
How to install Haazel Plugin
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open micheauxspencer/haazel-plugin and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Haazel Plugin does
Cinematic website builder plugin for Claude Code. Domain analysis, GSAP modules, Sanity CMS, FAL.ai image/video generation. Four skills: /haazel-build, /haazel-brand-analyzer, /haazel-cinematic, /haazel-auto-blog.
Alternatives in AI
- Geo SEO Claude — GEO-first SEO skill for Claude Code 3.6k ★
- Debate — AI Debate Hub - Structured four-way debates between Claude, Sonnet, Gemini, and Codex 2.8k ★
- Gsap Skills — Official AI skills for GSAP 1.7k ★
README
Haazel — Client Site Factory for Claude Code
Build client-grade websites of ANY archetype from a one-line brief: cinematic brand sites, SaaS marketing, dashboards/app UIs, local lead-gen, e-commerce drops, editorial. Interactive gated workflow, tokenized design systems, a layout-first component library, Higgsfield/FAL asset pipeline, and model-tiered agent delegation. Git-first — deployment stays manual.
**v0.2.0** — see [GAP-ANALYSIS.md](GAP-ANALYSIS.md) for what this release closes on the road from template sites to $10k-tier builds, and [RELEASING.md](RELEASING.md) for the release/sync process.
Skills (7)
| Skill | Purpose |
|---|---|
/haazel-build |
The orchestrator: 10-phase interactive chain (intake → recon → scaffold → direction boards → design system → content architecture → assets → sections → hygiene → QA → git) with approval gates at every consequential step |
/haazel-design |
The section surgeon — improve any single section/layout against the project design system + a 15-item anti-pattern checklist, with before/after proof |
/haazel-design-system |
Brand → design/tokens.json + DESIGN_SYSTEM.md + DESIGN_SYSTEM.html (visual preview), applied to the scaffold via npm run tokens:apply |
/haazel-brand-analyzer |
Live-DOM brand extraction (computed-style color frequency, fonts, voice) → extraction.json + BRAND_BRIEF.md, with a browser→WebFetch detection ladder |
/haazel-assets |
Provider-abstracted assets: Higgsfield MCP · FAL scripts · verified stock · CSS-only, with staged cost gates and a per-asset manifest |
/haazel-cinematic |
The GSAP motion system for cinematic-family builds; components live in the scaffold's catalog; GSAP Master MCP is a detected enhancement |
/haazel-auto-blog |
Sanity CMS + scheduled ACE auto-blogging with generated images |
Agents (model-tiered)
Planning, design, copy leads, and review run in the main thread. Execution delegates to plugin agents: `haazel-scout` (haiku — crawling/v
Related Skills
Unpress
Open-source MCP server that migrates WordPress sites to Next.js + Sanity CMS + Vercel with AI-powered design a
Marketing Demo Skills
🎬 Cinematic HTML+GSAP motion graphic video ads toolkit & agent skill for AI video creators
AI Visualizer
Give your AI agent a face. Four full-screen visualizers. A living circuit board with a cinematic fly-through,
Creativly.Ai Brand Video Remotion
Creativly.ai brand video — 17 cinematic scenes, 13 transitions, 12,000+ lines of React. Built with Remotion +
Higgsfield Website Skill
Claude Code Skill: cinematic AI-video websites (Higgsfield MCP, Seedance 2.0) - agents-first setup
Comad World
Config-driven AI agent system for any domain. 6 modules, 1 YAML file. Swap a preset, get a new knowledge syste
Related Agents
Media Lead
Use for content — post copy, image briefs (text-to-image prompts), short video scripts, brand voice, content c
Asset Generator
AI asset generation agent — connects to image generation APIs (Nano Banana, FAL AI, Replicate), manages asset
Carousel Growth Engine
Autonomous TikTok and Instagram carousel generation specialist. Analyzes any website URL with Playwright, gene