How do I install the Starter skill?

Run npx skillmds@latest add ww-w-ai/starter in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Starter safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Starter?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Starter free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Starter?

ww-w-ai (@ww-w-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Starter by ww-w-ai — Agent Skill

Name: Starter
Author: ww-w-ai

Starter

Static web development skill for beginners and non-developers. Covers HTML/CSS/JavaScript and Next.js App Router basics. Project initialization with "init starter" or "starter init". Use proactively when user is a beginner or wants a simple static website. Triggers: static website, portfolio, landing page, HTML CSS, beginner, first website, simple web, personal site, init starter, starter init, 정적 웹, 포트폴리오, 랜딩페이지, 초보자, 첫 웹사이트, 간단한 웹, 静的サイト, ポートフォリオ, 初心者, 静态网站, 个人网站, 初学者, sitio web estático, portafolio, página de inicio, principiante, site web statique, portfolio, page d'accueil, débutant, statische Website, Portfolio, Landingpage, Anfänger, sito web statico, portfolio, pagina di destinazione, principiante Do NOT use for: fullstack apps, backend development, microservices

ww-w-ai d4ce684 2 files · 2.3 KB Updated Sep 17, 2026

File contents

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

---name: starterdescription: Static web development skill for beginners and non-developers. Covers HTML/CSS/JavaScript and Next.js App Router basics. Project initialization with "init starter" or "starter init". Use proactively when user is a beginner or wants a simple static website. Triggers: static website, portfolio, landing page, HTML CSS, beginner, first website, simple web, personal site, init starter, starter init, 정적 웹, 포트폴리오, 랜딩페이지, 초보자, 첫 웹사이트, 간단한 웹, 静的サイト, ポートフォリオ, 初心者, 静态网站, 个人网站, 初学者, sitio web estático, portafolio, página de inicio, principiante, site web statique, portfolio, page d'accueil, débutant, statische Website, Portfolio, Landingpage, Anfänger, sito web statico, portfolio, pagina di destinazione, principiante Do NOT use for: fullstack apps, backend development, microservices---# Starter Skill> Static web development for beginners and non-developers## OverviewThe 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```bash# Initialize Starter project/starter init# Follow the 9-phase pipeline/development-pipeline start```## Deployment Options- Vercel (recommended)- Netlify- GitHub Pages- Cloudflare Pages

Frequently asked questions