website-builder

Generate Astro websites with Tailwind CSS v4 and Cloudflare Workers.

5|1|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/teamniteo/hakuto --skill website-builder-teamniteo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-builder
Source: https://github.com/teamniteo/hakuto/tree/main/skills/website-builder
Command: npx skills add https://github.com/teamniteo/hakuto --skill website-builder-teamniteo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill eliminates the friction of scaffolding and designing professional websites by acting as an intelligent orchestrator that manages the entire lifecycle from design interview to deployment.

Core Features & Use Cases

  • Conversational Design: Conducts a design interview to derive site aesthetics, motion, and density dials without requiring manual configuration.
  • Automated Scaffolding: Coordinates with specialized skills to build production-ready Astro sites using Tailwind CSS v4, shadcn/ui, and Cloudflare Workers.
  • Use Case: When a user requests a SaaS landing page, the skill generates a design direction, builds a style preview for approval, and then constructs the full site structure while maintaining design consistency across all pages.

Quick Start

Invoke the website-builder skill to initiate a design interview and scaffold a new SaaS website in your current directory.

Frequently Asked Questions about website-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a production-ready Astro website without manual configuration?

To scaffold a production-ready Astro website, an orchestrator conducts a conversational design interview to derive aesthetics, motion, and density dials, eliminating manual configuration. It generates a style preview for approval before constructing the full site.

What is the best way to build a SaaS landing page with Astro and Tailwind CSS v4?

The best way to build a SaaS landing page with Astro and Tailwind CSS v4 is through an iterative build process managing design dials, content strategy, and component composition. This ensures design consistency across all pages via a site-specification contract.

Can I deploy an Astro site to Cloudflare Workers directly from a website builder?

Yes, you can deploy an Astro site to Cloudflare Workers directly. The automated scaffolding process coordinates with specialized skills to build sites that satisfy technical requirements for Cloudflare Workers deployment.

How does conversational design work for generating web components?

Conversational design generates web components by conducting an interactive design interview to establish a design direction. It uses a site-specification contract to maintain design consistency while orchestrating component composition across all pages.

Do I need shadcn/ui to create a portfolio site with Astro?

You do not necessarily need shadcn/ui manually, as the automated scaffolding coordinates with specialized skills to build production-ready Astro sites using Tailwind CSS v4, shadcn/ui, and Cloudflare Workers. It applies seamlessly to SaaS, portfolio, and marketing sites.

What are the limitations of using an automated scaffolding process for marketing sites?

The limitations of using an automated scaffolding process for marketing sites depend on the constraints of the site-specification contract. While it manages end-to-end generation and design consistency, users must align their technical requirements with the supported Tailwind CSS v4 and Astro Fonts API standards.