# Popup Studio AI Bkit Gemini Starter

> Starter Skill

- Skill: `tomevault-io/popup-studio-ai-bkit-gemini-starter` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/popup-studio-ai-bkit-gemini-starter`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/popup-studio-ai-bkit-gemini-starter/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/popup-studio-ai-bkit-gemini-starter

---


# 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

```bash
# Initialize Starter project
/starter init

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

## Deployment Options

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

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/popup-studio-ai) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->

