micheauxspencer

Haazel Plugin

Name: Haazel Plugin
Author: micheauxspencer

AI community

SOURCE https://github.com/micheauxspencer/haazel-plugin

Description

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.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

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