Modul master Level 3 VibeKoding: Claude Code Superpowers untuk Kode Kelas Industri.Modul master Level 3 VibeKoding: Claude Code Superpowers untuk Kode Kelas Industri.
Superpowers is an open-source agent skills framework created by Jesse Vincent (online handle: obra), specifically designed to solve a core problem in AI programming: how to make AI produce "engineering-grade" code instead of "toy-grade" code.Superpowers is an open-source agent skills framework created by Jesse Vincent (online handle: obra), specifically designed to solve a core problem in AI programming: how to make AI produce "engineering-grade" code instead of "toy-grade" code.
Imagine a normal AI coding assistant as a "smart intern." It can write runnable code, but it may have no tests, no documentation, and no best-practice discipline. Superpowers is like assigning a "senior engineer mentor" to that intern, forcing it to follow a complete software development process.Imagine a normal AI coding assistant as a "smart intern." It can write runnable code, but it may have no tests, no documentation, and no best-practice discipline. Superpowers is like assigning a "senior engineer mentor" to that intern, forcing it to follow a complete software development process.
Before Superpowers, there were several issues when using Claude Code:Before Superpowers, there were several issues when using Claude Code:
Superpowers solves these issues and turns Claude into a "disciplined development team." It helps clarify requirements first, then creates a plan, then develops with TDD, and finally ensures quality through code review.Superpowers solves these issues and turns Claude into a "disciplined development team." It helps clarify requirements first, then creates a plan, then develops with TDD, and finally ensures quality through code review.
------
Run in Claude Code:Run in Claude Code:
bash # Add marketplace /plugin marketplace add obra/superpowers-marketplace # Install superpowers /plugin install superpowers@superpowers-marketplace
Or clone manually:Or clone manually:
bash git clone https://github.com/obra/superpowers.git ~/.claude/skills/superpowers
Let's use Superpowers' brainstorming skill to experience its value.Let's use Superpowers' brainstorming skill to experience its value.
In Claude Code, type:In Claude Code, type:
text Build me a user login feature
Before Superpowers: Claude starts writing code directly and may produce something you do not really want.Before Superpowers: Claude starts writing code directly and may produce something you do not really want.
With Superpowers: Claude uses Socratic questions to help clarify requirements:With Superpowers: Claude uses Socratic questions to help clarify requirements:
> Is this login feature for a Web app or a mobile app?> Is this login feature for a Web app or a mobile app?
>>
> Which login methods are required? Email/password? Third-party login (Google, GitHub)?> Which login methods are required? Email/password? Third-party login (Google, GitHub)?
>>
> Do you need a "remember me" feature?> Do you need a "remember me" feature?
>>
> Should password reset be via email or SMS?> Should password reset be via email or SMS?
>>
> ...> ...
These questions force you to clarify what you actually need before coding, preventing a lot of unused code.These questions force you to clarify what you actually need before coding, preventing a lot of unused code.
Superpowers is not a "magic switch." It is a set of skills. Understanding how skills are triggered is important.Superpowers is not a "magic switch." It is a set of skills. Understanding how skills are triggered is important.
Three trigger methods:Three trigger methods:
test-driven-development skill is activatedThe test-driven-development skill is activatedbrainstorming asks proactive questionsWhen requirements are unclear, brainstorming asks proactive questionssystematic-debugging is activatedWhen bugs appear, systematic-debugging is activated/test-driven-developmentUse skill names directly, such as: /test-driven-developmentThis is a common misunderstanding. Let's clarify:This is a common misunderstanding. Let's clarify:
text # Case A: TDD not mentioned "Implement a calculator" -> Claude may write tests, or may not -> Depends on the model's own habits # Case B: TDD explicitly requested "Implement a calculator with TDD" -> test-driven-development skill is activated -> RED-GREEN-REFACTOR is enforced
The real value of Superpowers: not creating abilities from nothing, but strengthening discipline.The real value of Superpowers: not creating abilities from nothing, but strengthening discipline.
From the explanation above, the core value of Superpowers is clear:From the explanation above, the core value of Superpowers is clear:
brainstorming asks actively when requirements are vagueRequirements first: brainstorming asks actively when requirements are vaguetest-driven-development enforces the TDD red-green-refactor cycleProcess discipline: test-driven-development enforces the TDD red-green-refactor cyclewriting-plans breaks large projects into small tasksTask decomposition: writing-plans breaks large projects into small taskscode-review skills ensure code qualityQuality control: code-review skills ensure code quality------
Superpowers includes 20+ composable skills covering the full software lifecycle. Let's go through them by category.Superpowers includes 20+ composable skills covering the full software lifecycle. Let's go through them by category.
How to trigger: mention keywords like "TDD," "test-driven development," or "write tests first."How to trigger: mention keywords like "TDD," "test-driven development," or "write tests first."
What this skill does: forces Claude to follow the TDD red-green-refactor cycle instead of "maybe writing tests later."What this skill does: forces Claude to follow the TDD red-green-refactor cycle instead of "maybe writing tests later."
Traditional approach (common problems):Traditional approach (common problems):
TDD approach (after skill activation):TDD approach (after skill activation):
Example usage:Example usage:
text Implement a user authentication module using TDD
Claude will:Claude will:
> Note: if you do not mention "TDD," Claude may or may not write tests. The skill's role is to enforce process discipline so tests are not "forgotten."> Note: if you do not mention "TDD," Claude may or may not write tests. The skill's role is to enforce process discipline so tests are not "forgotten."
When bugs appear, human developers often try random fixes. Superpowers enforces four-stage root-cause analysis:When bugs appear, human developers often try random fixes. Superpowers enforces four-stage root-cause analysis:
Stage 1: Reproduce the issueStage 1: Reproduce the issue
Stage 2: Isolate root causeStage 2: Isolate root cause
Stage 3: Validate hypothesesStage 3: Validate hypotheses
Stage 4: Fix and verifyStage 4: Fix and verify
This skill prevents Claude from stopping when things only "seem close enough." Before claiming completion, it requires Claude to:This skill prevents Claude from stopping when things only "seem close enough." Before claiming completion, it requires Claude to:
This is one of the most interesting Superpowers skills. It uses Socratic questioning to clarify requirements.This is one of the most interesting Superpowers skills. It uses Socratic questioning to clarify requirements.
How it works: when you provide a vague requirement, Claude does not start coding directly. It asks questions:How it works: when you provide a vague requirement, Claude does not start coding directly. It asks questions:
text You: Build a blog system Claude: - Who is this blog for? Technical readers or general readers? - Should Markdown editing be supported? - Do you need comments? - Do you need search? - Single-user or multi-author? - ...
These questions force you to think about what functionality is truly needed, avoiding lots of unused features.These questions force you to think about what functionality is truly needed, avoiding lots of unused features.
This skill decomposes large tasks into small tasks that can each be completed in 2-5 minutes.This skill decomposes large tasks into small tasks that can each be completed in 2-5 minutes.
Example:Example:
text Use writing-plans to plan development of a todo API
Claude will generate a detailed plan:Claude will generate a detailed plan:
markdown # Implementation Plan ## Task 1: Design database schema (estimated 5 minutes) - Create todos table - Define fields: id, title, completed, createdAt ## Task 2: Create Express routes (estimated 10 minutes) - POST /todos - create task - GET /todos - list tasks - GET /todos/:id - get one task - PUT /todos/:id - update - DELETE /todos/:id - delete ## Task 3: Add input validation (estimated 10 minutes) - title cannot be empty - completed must be boolean ## Task 4: Write tests (estimated 15 minutes) - Write tests for each endpoint - Cover edge cases ## Task 5: Start server and verify (estimated 5 minutes) - Run tests - Manually test API Acceptance criteria: - All tests pass - curl test passes for every endpoint
This skill executes a plan in batches and pauses at each checkpoint for confirmation.This skill executes a plan in batches and pauses at each checkpoint for confirmation.
Usage example:Usage example:
text Execute the plan above, and pause after each completed task
Claude will:Claude will:
โ
Database schema done. Continue?Finish task 1, then pause: โ
Database schema done. Continue?This lets you verify direction at every stage, avoiding late discovery that things drifted off track.This lets you verify direction at every stage, avoiding late discovery that things drifted off track.
This skill can launch multiple sub-agents in parallel.This skill can launch multiple sub-agents in parallel.
Use case: when you need to process multiple independent tasks simultaneously.Use case: when you need to process multiple independent tasks simultaneously.
text Use parallel agents to complete: - Agent A: write backend APIs - Agent B: write frontend components - Agent C: write tests
Each agent works in its own isolated environment without interference.Each agent works in its own isolated environment without interference.
This skill launches an independent sub-agent for each small task.This skill launches an independent sub-agent for each small task.
Advantages:Advantages:
This skill uses Git worktree to create isolated development environments.This skill uses Git worktree to create isolated development environments.
Benefits:Benefits:
After code is completed, this skill automatically requests code review.After code is completed, this skill automatically requests code review.
text Automatically trigger code review after finishing the feature
This skill defines how to receive and process review feedback.This skill defines how to receive and process review feedback.
Review workflow:Review workflow:
------
The real power of Superpowers comes from combining multiple skills into a full development workflow.The real power of Superpowers comes from combining multiple skills into a full development workflow.
text 1. Brainstorming โ Clarify real requirements through Q&A 2. Design Document โ Present design in chunks and wait for confirmation 3. Writing Plans โ Break down into 2-5 minute tasks 4. Subagent Development โ Launch isolated sub-agent per task โ Two-stage review: spec conformance + code quality 5. TDD โ Enforce RED-GREEN-REFACTOR 6. Code Review โ Quality gate 7. Done
Let's experience the Superpowers workflow through a complete example.Let's experience the Superpowers workflow through a complete example.
text I need a user authentication system
Claude will ask:Claude will ask:
After requirements are confirmed, Claude will produce a design document:After requirements are confirmed, Claude will produce a design document:
markdown # User Authentication System Design ## Functional Requirements 1. User registration (email + password) 2. User login 3. Password reset (email) 4. Remember me (JWT + Refresh Token) ## Technology Choices - Backend: Node.js + Express - Database: SQLite - Auth: JWT - Encryption: bcrypt ## API Design - POST /api/auth/register - POST /api/auth/login - POST /api/auth/refresh - POST /api/auth/reset-password
text Use writing-plans to create the implementation plan
Claude will generate a detailed task list, each task completable in 2-5 minutes.Claude will generate a detailed task list, each task completable in 2-5 minutes.
text Execute the plan above with TDD
Claude will:Claude will:
After completion, code review is triggered automatically to check:After completion, code review is triggered automatically to check:
------
| Dimension | Direct Claude Code Use | Using Superpowers |
|---|---|---|
| Requirement clarification | AI starts coding directly | Socratic questions clarify requirements first |
| Development process | Free-form depending on AI | TDD red-green-refactor enforced |
| Task management | One-shot completion | Broken into small tasks with checkpoints |
| Code quality | Depends on AI judgment | Code review enforced |
| Predictability | Unstable outcomes | Repeatable process |
| Best for | Simple tasks, prototype validation | Complex projects, production code |
If Claude Code is a "smart intern":If Claude Code is a "smart intern":
------
bash # Add marketplace /plugin marketplace add obra/superpowers-marketplace # Install /plugin install superpowers@superpowers-marketplace # Verify installation /skills
bash # Create directory mkdir -p ~/.claude/skills # Clone repository git clone https://github.com/obra/superpowers.git ~/.claude/skills/superpowers
If you want to use Superpowers in a specific project:If you want to use Superpowers in a specific project:
bash # In project root mkdir -p .claude/skills # Clone or copy superpowers cp -r ~/.claude/skills/superpowers .claude/skills/
This allows team members to share the same Superpowers configuration.This allows team members to share the same Superpowers configuration.
------
| Skill Name | Function | Use Case |
|---|---|---|
brainstorming | Clarify requirements through Socratic questioning | When requirements are unclear |
writing-plans | Break tasks into small steps | Before starting large projects |
executing-plans | Execute plan with checkpoints | During plan-driven development |
test-driven-development | TDD red-green-refactor loop | For all feature development |
systematic-debugging | Four-stage root-cause analysis | When bugs appear |
verification-before-completion | Pre-completion verification | At task completion |
requesting-code-review | Request code review | Before code submission |
subagent-driven-development | Sub-agent-driven development | Parallel tasks |
using-git-worktrees | Git worktree isolation | Parallel feature development |
------
Superpowers skills are keyword-triggered. Learn common trigger words:Superpowers skills are keyword-triggered. Learn common trigger words:
| Skill | Trigger Keywords |
|---|---|
test-driven-development | "TDD", "test-driven", "write tests first" |
brainstorming | Auto-triggered when requirements are unclear |
systematic-debugging | "debug", "bug", "not working" |
writing-plans | "make a plan", "planning" |
brainstorming clarifyRequirements are unclear -> let brainstorming clarifywriting-plans to decompose tasksComplex project -> use writing-plans to decompose tasksIf it is a rapid prototype or one-off script, you do not need the full process. Superpowers is most suitable for code requiring long-term maintenance.If it is a rapid prototype or one-off script, you do not need the full process. Superpowers is most suitable for code requiring long-term maintenance.
text Implement user authentication with TDD, and after completion, help me do a code review
This triggers both test-driven-development and code-review skills.This triggers both test-driven-development and code-review skills.
------
Not required.Not required.
Superpowers is a skill set, and each skill has its own trigger conditions:Superpowers is a skill set, and each skill has its own trigger conditions:
test-driven-developmentSay "use TDD" -> triggers test-driven-developmentSuperpowers exists to enforce process discipline, not to create capability from nothing.Superpowers exists to enforce process discipline, not to create capability from nothing.
At first, it may feel slower because:At first, it may feel slower because:
But in the long run, overall efficiency improves due to reduced rework and fewer bugs.But in the long run, overall efficiency improves due to reduced rework and fewer bugs.
For prototype validation or very simple tasks, you can use Claude Code directly. Superpowers is better suited for:For prototype validation or very simple tasks, you can use Claude Code directly. Superpowers is better suited for:
| Dimension | Superpowers | Skills |
|---|---|---|
| Nature | Complete development methodology framework | Reusable skill packages |
| Scope | Covers the full development process | Focuses on specific functions |
| Relationship | Superpowers uses Skills internally | Superpowers is a collection of Skills |
Yes. Superpowers is open-source, and you can:Yes. Superpowers is open-source, and you can:
------
| Repository | Description |
|---|---|
| [affaan-m/everything-claude-code](https://github.com/affaan-m/everything-claude-code) | comprehensive toolkit including TDD workflows |
| [shanraisshan/claude-code-best-practice](https://github.com/shanraisshan/claude-code-best-practice) | community-maintained best-practices collection |
------
Superpowers is a set of engineering-grade development skills that upgrades Claude Code from a "smart intern" to a "disciplined development team."Superpowers is a set of engineering-grade development skills that upgrades Claude Code from a "smart intern" to a "disciplined development team."
brainstorming asks proactivelyVague requirements -> brainstorming asks proactivelysystematic-debuggingBug appears -> mention "debug" to trigger systematic-debuggingRemember: Superpowers does not make AI smarter; it makes AI more disciplined.Remember: Superpowers does not make AI smarter; it makes AI more disciplined.