micheauxspencer

Haazel Plugin — AI skill for Claude Code

AI community

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