Starter Skill

Static web development for beginners and non-developers

Overview

The Starter skill helps beginners create static websites using HTML, CSS, JavaScript, and Next.js App Router.

When to Use

• First-time web developers
• Portfolio websites
• Landing pages
• Simple static sites
• Personal blogs (static)

Project Structure

project/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── components/
│   └── ...
├── public/
│   └── images/
├── docs/
│   ├── 01-plan/
│   └── 02-design/
└── package.json

Key Phases (Starter Level)

Phase	Required	Description
1. Schema	✅	Define terminology
2. Convention	✅	Set coding rules
3. Mockup	✅	Design UI/UX
4. API	⏭️ Skip	No backend
5. Design System	⏭️ Skip	Keep simple
6. UI Integration	✅	Implement UI
7. SEO/Security	⏭️ Skip	Basic only
8. Review	⏭️ Skip	Self-review
9. Deployment	✅	Deploy to Vercel

Getting Started

# Initialize Starter project
/starter init

# Follow the 9-phase pipeline
/development-pipeline start

Deployment Options

• Vercel (recommended)
• Netlify
• GitHub Pages
• Cloudflare Pages