🎯

development-pipeline

🎯Skill

from popup-studio-ai/bkit-claude-code

What it does

Guides developers through a comprehensive 9-phase development pipeline, providing structured roadmap for new project creation and systematic software development.

📦

Part of

popup-studio-ai/bkit-claude-code(17 items)

development-pipeline

Installation

Add MarketplaceAdd marketplace to Claude Code

/plugin marketplace add popup-studio-ai/bkit-claude-code

Install PluginInstall plugin from marketplace

/plugin install bkit

📖 Extracted from docs: popup-studio-ai/bkit-claude-code

Need more details? View full documentation on GitHub →

3Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Overview

# Development Pipeline Skill

> Complete knowledge of the 9-phase development pipeline

When to Use

When user says "I have little development experience"
When using /pipeline-* commands
When asked "How do I start development?", "What's the order?"
When starting a new project from scratch

Optional Application Principle

```

This skill is optional, not mandatory.

Activation conditions:

When non-developers/beginner developers start development
When user explicitly requests guidance
When /pipeline-start command is used

Deactivation conditions:

When experienced developers want to "proceed freely"
For non-development AI work (documentation, analysis, etc.)
For existing project maintenance/bug fixes

```

9-Phase Pipeline Overview

```

Phase 1: Schema/Terminology ──→ Define data structures and domain terms

Phase 2: Coding Convention ────→ Define code writing rules

Phase 3: Mockup Development ───→ Feature validation with HTML/CSS/JS + JSON

Phase 4: API Design/Impl ──────→ Backend API + Zero Script QA

Phase 5: Design System ────────→ Build component system

Phase 6: UI Implementation ────→ Actual UI implementation and API integration

Phase 7: SEO/Security ─────────→ Search optimization and security hardening

Phase 8: Review ───────────────→ Architecture/convention quality verification

Phase 9: Deployment ───────────→ Production deployment

```

Relationship with PDCA (Key Concept)

```

❌ Wrong understanding: Mapping entire Pipeline to PDCA

❌ (Plan=Phase1-3, Do=Phase4-6, Check=Phase7-8, Act=Phase9)

✅ Correct understanding: Run PDCA cycle within each Phase

Phase N

├── Plan: Plan what to do in this Phase

├── Design: Detailed design

├── Do: Execute/implement

├── Check: Verify/review

└── Act: Confirm and move to next Phase

```

Phase Application by Level

|-------|---------|---------|------------|

| 3. Mockup | O | O | O |

| 4. API | - | bkend.ai | Direct impl |

| 5. Design System | Optional | O | O |

| 7. SEO/Security | SEO only | O | O |

| 8. Review | - | O | O |

Starter Level Flow

```

Phase 1 → 2 → 3 → 5(optional) → 6(static) → 7(SEO) → 9

```

Dynamic Level Flow

```

Phase 1 → 2 → 3 → 4(bkend.ai) → 5 → 6 → 7 → 8 → 9

```

Enterprise Level Flow

```

Phase 1 → 2 → 3 → 4(direct impl) → 5 → 6 → 7 → 8 → 9

```

Phase Deliverables Summary

| Phase | Key Deliverables |

|-------|-----------------|

| 1 | docs/01-plan/schema.md, terminology.md |

| 2 | CONVENTIONS.md, docs/01-plan/naming.md |

| 3 | mockup/ folder, docs/02-design/mockup-spec.md |

| 4 | docs/02-design/api-spec.md, src/api/ |

| 5 | components/ui/, docs/02-design/design-system.md |

| 6 | src/pages/, src/features/ |

| 7 | docs/02-design/seo-spec.md, security-spec.md |

| 8 | docs/03-analysis/architecture-review.md |

| 9 | docs/04-report/deployment-report.md |

Related Skills

phase-1-schema/ ~ phase-9-deployment/: Detailed guides per Phase
pdca-methodology/: How to apply PDCA
starter/, dynamic/, enterprise/: Level-specific knowledge

More from this repository10

🎯

phase-3-mockup🎯Skill

Rapidly create trendy, interactive UI mockups using HTML/CSS/JS, designed for easy Next.js component conversion without requiring a designer.

🎯

phase-5-design-system🎯Skill

Builds platform-independent design systems with consistent UI components across multiple frameworks and technologies.

🎯

desktop-app🎯Skill

Develops cross-platform desktop applications using web technologies with Electron or Tauri frameworks, targeting Windows, macOS, and Linux.

🎯

phase-6-ui-integration🎯Skill

Implements frontend UI screens, integrates with backend APIs, and manages application state using design system components and centralized API architecture.

🎯

pdca🎯Skill

Skill

🎯

phase-7-seo-security🎯Skill

Optimizes web application's search visibility and security by implementing meta tags, semantic HTML, and conducting vulnerability checks.

🎯

bkit-templates🎯Skill

Skill

🎯

phase-2-convention🎯Skill

Skill

🎯

phase-9-deployment🎯Skill

Deploys applications to production environments using CI/CD strategies, configuring infrastructure across various platforms like Vercel, Kubernetes, and Docker.

🎯

phase-8-review🎯Skill

Verifies overall codebase quality through comprehensive architecture, convention, and implementation gap analysis before deployment.