Hakuto Skills for Claude Code

The orchestrator. Generates production-ready websites from a conversation. Picks a site type, applies a design language, coordinates copywriting and branding skills, and tracks every decision in a living spec file so pages stay consistent as your site evolves.

Adds a complete blog system with listing pages, dynamic post routes, and two layout options: standard single-column for articles and flexible full-width for visual content. Uses Astro content collections with proper frontmatter schemas and category/author archives.

Adds a technical documentation section with sidebar navigation, search via Pagefind, and auto-generated table of contents. Uses its own minimal design system (monochrome plus blue links) so docs stay readable regardless of your main site's aesthetic.

Builds accessible, validated forms using React islands with Zod schemas. Contact forms, newsletter signups, and waitlists with field-level validation on blur, proper ARIA attributes, and submission to a Cloudflare Worker endpoint.

Generates color palettes using real color theory: complementary, triadic, or analogous schemes based on your design language. Give it a hex code, a color name, or a logo to extract from, and it produces a full palette with proper contrast ratios.

Writes conversion-optimized website copy: benefit-driven headlines, scannable structure, clear CTAs. Knows what to generate when content is missing, what to expand from bullet points, and what to leave untouched when you've written it yourself.

A report-only source audit that complements SEO Audit. Checks src/ against the rules in CLAUDE.md: Tailwind v4 import order, className vs class on shadcn, Picture for local images, Fonts API usage, Cloudflare adapter options, anchor-link targets, and template placeholder cleanup. Cites file:line plus the rule it violates.

Builds the site, then audits every page for SEO issues: missing meta tags, broken heading hierarchy, invalid JSON-LD, duplicate titles, orphaned pages, and missing sitemaps. Reports findings with severity levels so you decide what to fix.

Runs Google's PageSpeed Insights against deployed URLs and reports Core Web Vitals, category scores, and the top opportunities for both mobile and desktop. Quotes lab and field metrics verbatim, filters out Hakuto's known-intentional warnings, and hands off concrete fix suggestions tied to src/ paths.

Walks the repo before you go live and reports what's ready and what's not: scaffold defaults still in Layout.astro, placeholder copy in source, forms wired to real endpoints, wrangler config customized, legal pages linked from the footer. Confirms you've run the SEO and code-review skills, then lists the manual Cloudflare dashboard steps it can't automate.

A full browser automation toolkit. Navigate pages, fill forms, take screenshots, record videos, intercept network requests, and extract data directly from the command line. Useful for testing your site, scraping reference content, or automating repetitive web tasks.

Adds privacy-friendly Plausible Analytics with a Cloudflare Workers proxy that bypasses ad blockers. Strips cookies, serves the tracking script from your own domain, and caches at the edge without leaking visitor data to third parties.