File contents Development Pipeline
9-Phase Development Pipeline for systematic project development
The 9 Phases
Phase
Name
Purpose
PDCA
1
Schema
Define terminology & data structures
Plan
2
Convention
Set coding rules & standards
Plan
3
Mockup
Create UI/UX prototypes
Design
4
API
Design & implement backend API
Do
5
Design System
Build component library
Do
6
UI Integration
Connect frontend to backend
Do
7
SEO/Security
Optimize & secure
Do
8
Review
Code & architecture review
Check
9
Deployment
Deploy to production
Act
Phase by Level
Starter (Static Web)
Phase 1 → 2 → 3 → 6 → 9
(Skip: 4, 5, 7, 8)
Dynamic (Fullstack)
Phase 1 → 2 → 3 → 4 → 6 → 9
(Optional: 5, 7, 8)
Enterprise (Microservices)
Phase 1 → 2 → 3 → 4 → 5 → 6 → 7 → 8 → 9
(All required)
Commands
# Start pipeline
/development-pipeline start
# Check current status
/development-pipeline status
# Move to next phase
/development-pipeline next
Phase Details
Phase 1: Schema
Define domain terminology
Create data models
Document relationships
Phase 2: Convention
Naming conventions
Code style rules
Git workflow
Phase 3: Mockup
Wireframes
UI components
User flows
Phase 4: API
Endpoint design
Request/response schemas
Authentication
Phase 5: Design System
Component library
Design tokens
Storybook
Phase 6: UI Integration
Frontend implementation
State management
API integration
Phase 7: SEO/Security
Meta tags
Security headers
Vulnerability scan
Phase 8: Review
Code review
Architecture audit
Performance check
Phase 9: Deployment
CI/CD setup
Environment config
Go live
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1 --- 2 name: popup-studio-ai-bkit-gemini-development-pipeline 3 description: Development Pipeline 4 --- 5 6 # Development Pipeline 7 8 > 9-Phase Development Pipeline for systematic project development 9 10 ## The 9 Phases 11 12 | Phase | Name | Purpose | PDCA | 13 |-------|------|---------|------| 14 | 1 | Schema | Define terminology & data structures | Plan | 15 | 2 | Convention | Set coding rules & standards | Plan | 16 | 3 | Mockup | Create UI/UX prototypes | Design | 17 | 4 | API | Design & implement backend API | Do | 18 | 5 | Design System | Build component library | Do | 19 | 6 | UI Integration | Connect frontend to backend | Do | 20 | 7 | SEO/Security | Optimize & secure | Do | 21 | 8 | Review | Code & architecture review | Check | 22 | 9 | Deployment | Deploy to production | Act | 23 24 ## Phase by Level 25 26 ### Starter (Static Web) 27 ``` 28 Phase 1 → 2 → 3 → 6 → 9 29 (Skip: 4, 5, 7, 8) 30 ``` 31 32 ### Dynamic (Fullstack) 33 ``` 34 Phase 1 → 2 → 3 → 4 → 6 → 9 35 (Optional: 5, 7, 8) 36 ``` 37 38 ### Enterprise (Microservices) 39 ``` 40 Phase 1 → 2 → 3 → 4 → 5 → 6 → 7 → 8 → 9 41 (All required) 42 ``` 43 44 ## Commands 45 46 ```bash 47 # Start pipeline 48 /development-pipeline start 49 50 # Check current status 51 /development-pipeline status 52 53 # Move to next phase 54 /development-pipeline next 55 ``` 56 57 ## Phase Details 58 59 ### Phase 1: Schema 60 - Define domain terminology 61 - Create data models 62 - Document relationships 63 64 ### Phase 2: Convention 65 - Naming conventions 66 - Code style rules 67 - Git workflow 68 69 ### Phase 3: Mockup 70 - Wireframes 71 - UI components 72 - User flows 73 74 ### Phase 4: API 75 - Endpoint design 76 - Request/response schemas 77 - Authentication 78 79 ### Phase 5: Design System 80 - Component library 81 - Design tokens 82 - Storybook 83 84 ### Phase 6: UI Integration 85 - Frontend implementation 86 - State management 87 - API integration 88 89 ### Phase 7: SEO/Security 90 - Meta tags 91 - Security headers 92 - Vulnerability scan 93 94 ### Phase 8: Review 95 - Code review 96 - Architecture audit 97 - Performance check 98 99 ### Phase 9: Deployment 100 - CI/CD setup 101 - Environment config 102 - Go live 103 104 --- 105 > Converted and distributed by [TomeVault](https://tomevault.io/claim/popup-studio-ai) — claim your Tome and manage your conversions. 106 <!-- tomevault:4.0:skill_md:2026-04-11 -->
commit 0e34b153ad
Frequently asked questions How do I install the Popup Studio AI Bkit Gemini Development Pipeline skill? Run npx skillmds@latest add tomevault-io/popup-studio-ai-bkit-gemini-development-pipeline 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.
What does the Popup Studio AI Bkit Gemini Development Pipeline skill do? Development Pipeline It is listed under DevOps & Infra on SkillMD.
Is Popup Studio AI Bkit Gemini Development Pipeline safe to use? This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
Which AI agents work with Popup Studio AI Bkit Gemini Development Pipeline? 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 Popup Studio AI Bkit Gemini Development Pipeline free to use? Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Who published Popup Studio AI Bkit Gemini Development Pipeline? tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io