// /.claude/skills

Hakuto Skills for Claude Code

Browse on GitHub

Website Builder

/website-builder

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.

Try it

"Build me a SaaS landing page"

Brand Designer

/brand-designer

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.

Try it

"Use my brand color #3B82F6"

Professional Copywriter

/professional-copywriter

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.

Try it

"Write copy for the pricing page"

Browser Agent

/agent-browser

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.

Try it

"Take a screenshot of the homepage"

Blog Section

/section-blog

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.

Try it

"Add a blog to the site"

Docs Section

/section-docs

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.

Try it

"Add documentation pages"

Form Section

/section-form

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.

Try it

"Add a contact form"

SEO Testing

/testing-seo

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.

Try it

"Run an SEO test on all pages"

Plausible Analytics

/plausible-analytics

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.

Try it

"Add analytics tracking"

More Skills, same philosophy.

We're adding more Skills as we find patterns worth teaching Claude. Want one? Open an issue or a PR.

Request a Skill