Hakuto is free and open source Astro site builder framework for Claude Code.
Skill Claude CodeCodex
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages. Skip if the user just needs static page contents — use…
Skill Claude CodeCodex
Generate custom brand color palettes using color theory (complementary, triadic, analogous) — built around a 60/30/10 dominant/accent/highlight ratio with hue rotation computed directly in OKLCH. Use when user provides hex codes, requests "customize colors", "generate color palette", "create color palette", "pick…
Skill Claude CodeCodex
Configure web fonts via Astro's Fonts API (top-level fonts in Astro 6+, experimental.fonts in 5.x). Use whenever custom fonts come up — user mentions Google Fonts, Fontsource, local fonts, typography changes, font loading or performance, or asks to "add fonts", "change typography", "use custom fonts", "improve font…
Skill Claude CodeCodex
Source-level audit for Hakuto sites (Astro + Tailwind v4 + shadcn/ui) — grades src/ and config against the project CLAUDE.md rules: images, component and Tailwind v4 correctness, Cloudflare adapter, internal links, accessibility, render-path performance, and public/headers, where it owns both the caching and the…
Skill Claude CodeCodex
Live performance audit of a deployed public URL via the Google PageSpeed Insights API — Lighthouse scores for Performance, Accessibility, Best Practices and SEO, plus Core Web Vitals (LCP, INP, CLS, FCP, TTFB) and the top opportunities behind each. Report-only. Use for "run pagespeed", "test core web vitals", "check…
Skill Claude CodeCodex
Adds Plausible Analytics to Astro sites with a Cloudflare Workers proxy for privacy and ad-blocker bypass. Requires a project deploying to Cloudflare Workers (uses worker/index.js route registration). Use when user requests "add Plausible", "add analytics", "add tracking", "page views", "visitor tracking", or…
Skill Claude CodeCodex
Pre-launch validation for Hakuto sites — verifies wrangler config, form wiring, legal pages, placeholder content scrub; confirms seo-audit and hakuto-review have been run; reminds the user of manual Cloudflare dashboard steps. Report-only — no fixes applied. Use when user requests "run prelaunch checklist", "is the…
Skill Claude CodeCodex
Professional SaaS and website copywriting focused on benefit-driven messaging and conversion optimization. Use when content is missing, incomplete, or user explicitly requests copy generation/improvement. Critical constraint: preserve user-provided copy verbatim unless they request edits. Not for placing copy the user…
Skill Claude CodeCodex
Pull selective scaffold updates from the installed Hakuto plugin into an existing Hakuto site. Compares the site's last-synced scaffold version against the current ${CLAUDEPLUGINROOT}/scaffold tree, shows a per-file diff, and applies only files the user approves. Never overwrites silently. Persists state in…
Skill Claude CodeCodex
Adds multi-page blog system to existing websites with listing page, post templates, author archives, and category pages. Supports flexible content layouts beyond single-column text. Use when user requests "add blog", "add articles section", "add news", or mentions blog functionality. Skip for headless CMS integrations…
Skill Claude CodeCodex
Adds technical documentation section with sidebar navigation to existing websites. Creates /docs home page with search, nested category pages, and minimal content-focused design. Use when user requests "add documentation", "add docs", "add API docs", "add developer docs", "add a help center", or "add a knowledge…
Skill Claude CodeCodex
Adds forms to Astro pages using React with Zod validation, submitting to a Cloudflare Workers handler. Use when user requests "add form", "contact form", "newsletter signup", "inquiry form", "booking form", "feedback form", "registration form", "waitlist", or any form functionality requiring client-side validation and…
Skill Claude CodeCodex
Static SEO audit of built dist/ HTML for Astro sites — indexability, meta tags, headings, canonicals, structured-data integrity, sitemap, robots.txt, llms.txt, images, internal links. Scopes to one page, a group, or the whole site; report-only. Can also score the deployed domain for AI-agent readiness. Use for "run…
Skill Claude CodeCodex
Core orchestrator for generating production-ready Astro websites through conversational design — runs the design interview, proposes directions, builds a style preview for approval, then the full site, delegating to the copy, brand, font and section skills as it goes. Use for "build a SaaS site", "make me a landing…