🎯

phase-5-design-system

🎯Skill

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

What it does

Skill for building platform-independent design systems with reusable component libraries, part of the BKIT pipeline for structured app development from design to deployment.

📦

Same repository

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

phase-5-design-system

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add popup-studio-ai/bkit-claude-code --skill phase-5-design-system

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add popup-studio-ai/bkit-claude-code --skill phase-5-design-system

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/phase-5-design-system/SKILL.md

SKILL.md

51Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

desktop-app🎯Skill

Skill for desktop app development workflows, part of the BKIT pipeline that provides structured phases from design system and mockup to deployment for cross-platform desktop applications.

🎯

mobile-app🎯Skill

Skill for mobile app development workflows, part of the BKIT pipeline that provides structured phases from design system and mockup to deployment for cross-platform apps.

🎯

claude-code-learning🎯Skill

Learning-focused skill for understanding and mastering Claude Code workflows and capabilities.

🎯

code-review🎯Skill

A code review skill from BKit Claude Code by Popup Studio AI, providing development tools and skills for Claude Code.

🎯

phase-3-mockup🎯Skill

Skill for creating UI mockups and prototypes, part of the BKIT pipeline that guides structured app development through phases from design system to deployment.

🎯

pdca🎯Skill

PDCA (Plan-Do-Check-Act) cycle management skill for structured project planning, execution, analysis, and reporting workflows.

🎯

development-pipeline🎯Skill

A 9-phase development pipeline skill that guides beginners through structured project development from schema definition to deployment, running a PDCA cycle within each phase.

🎯

phase-9-deployment🎯Skill

A deployment skill covering CI/CD pipelines, environment configuration, and deployment strategies for static hosting, Vercel, Kubernetes, and Docker-based production environments.

🎯

phase-2-convention🎯Skill

A skill for defining coding rules and conventions to ensure consistent code style and coding standards for AI collaboration when starting new projects.

🎯

starter🎯Skill

A starter skill from BKit Claude Code by Popup Studio AI, providing development tools and skills for Claude Code.