Project Template

A web project template with AI-assisted development for building accessible, semantic websites and applications.

Getting Started

1. Clone this repository
2. Run npm install
3. Open in an AI assistant (Claude Code, Cursor, etc.)
4. Run /init to scaffold your project

The initialization wizard will:

• Ask what type of project to create
• Collect project configuration
• Generate project files
• Display next steps

Project Types

Type	Description
Static Website	Multi-page HTML/CSS/JS site
Astro Site	Static site with Astro framework
PWA/SPA	Single-page app with Web Components
REST API	Node.js backend with Express/PostgreSQL
Dashboard	Admin interface with sidebar layout
Chrome Extension	Browser extension (Manifest V3)
CLI Tool	Node.js command-line tool
Documentation Site	Static docs with sidebar, search, code highlighting
Blog	Markdown blog with RSS, tags, social sharing
Form Builder	Dynamic forms with validation, conditional logic
Design System	Web Component library with tokens and documentation
E-commerce Storefront	Product catalog with cart, checkout, orders

What This Template Provides

• 12 Project Starters - Production-ready scaffolds
• 54 Skills - AI guidance for HTML, CSS, JavaScript, accessibility, testing
• 45+ Commands - Scaffolding, validation, generation tools
• Pattern Library - 50+ UI patterns with examples
• Design Tokens - Theming system with light/dark mode

See .claude/TEMPLATE.md for complete documentation.

Requirements

• Node.js 18+
• npm
• AI assistant with Claude Code support

Issue Tracking

This project uses beads for AI-native issue tracking:

brew install steveyegge/beads/bd
bd onboard