# Maizzle > Use when building, editing, or debugging HTML email templates with Maizzle and Tailwind CSS. Triggers on Maizzle projects, email template work, HTML email component usage, email CSS inlining, and email-client compatibility questions. - Skill: `tomevault-io/maizzle` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/maizzle` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/maizzle/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - License: MIT - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/maizzle --- # Maizzle Build and send HTML emails that work in all major email clients, with Vue components and Tailwind CSS. ## Install Scaffold a project (interactive when `[starter]` and `[directory]` are omitted): ```sh npx maizzle new [user/repo] [directory] ``` Add to an existing project: ```sh npm i @maizzle/framework ``` ```json // package.json { "scripts": { "dev": "maizzle serve", "build": "maizzle build" } } ``` The dev server generates `.maizzle/` (typed `.d.ts` for auto-imported components and composables). Include it in `tsconfig.json`. Works with npm, yarn, pnpm, bun. ## Basic template ```vue ``` ## Components All built-in components auto-import. Full props/usage in `references/COMPONENTS.md`; multi-column layout patterns in `references/PATTERNS.md`. **Document scaffolding** — ``, ``, ``, ``, ``, ``, `` **Layout primitives** — ``, `
`, ``, `` **Content** — ``, ``, ``, `