Superpowers Plugin voor Claude Code: De Volledige Tutorial

    8 min leestijd
    Ing. Patrik Kelemen
    Superpowers Plugin voor Claude Code: De Volledige Tutorial

    Transformeer Claude Code van een behulpzame assistent naar een autonome ontwikkelingspartner met gestructureerde workflows, TDD-handhaving en subagent-gedreven ontwikkeling.

    Namiru AI

    AI-klantenservice voor je website

    Plak je URL. Krijg een support-agent in 30 seconden.

    Claude Code is krachtig uit de doos, maar zonder structuur springt het direct naar coderen: geen planning, geen tests, geen systematische aanpak. De Superpowers plugin lost dit probleem op door bewezen ontwikkelingsworkflows af te dwingen die de chaos voorkomen.

    Wat Superpowers eigenlijk doet

    Superpowers is een skills framework dat Claude Code op cruciale momenten onderschept. In plaats van meteen code te schrijven wanneer je iets vraagt, stopt het eerst en stelt vragen. Vervolgens dwingt het TDD af, creëert implementatieplannen en beoordeelt het eigen werk voordat het verdergaat.

    De kernworkflow:

    1. Brainstorm: verfijnt je idee door middel van Socratische vraagstelling
    2. Plan: creëert hapklare taken (elk 2-5 minuten) met exacte bestandspaden
    3. Execute: stuurt subagents per taak aan met tweefasige beoordeling
    4. Finish: verifieert tests, biedt PR/merge-opties, ruimt op

    Installatie (10 Seconden)

    bash

    Open het plugin menu

    /plugin

    Navigeer naar "Discover" tab

    Zoek naar "superpowers"

    Selecteer en installeer

    Start Claude Code opnieuw na installatie. Je ziet "SessionStart:startup hook succeeded: Success" wat bevestigt dat de plugin actief is.

    image

    Wat wordt geïnstalleerd

    De plugin bevat alles wat je nodig hebt:

    ComponentInbegrepen
    Commandsexecute-plan, write-plan, brainstorm
    Agentscode-reviewer
    Skills14 skills inclusief TDD, debugging, git worktrees, code review
    HooksSessionStart (bootstrapt automatisch de workflow)

    De drie kerncommando's

    /superpowers:brainstorm

    Gebruik dit vóór ELKE nieuwe feature. Claude zal:

    • verduidelijkende vragen stellen over je doel
    • alternatieven verkennen die je nog niet hebt overwogen
    • het ontwerp presenteren in verteerbare stukken voor validatie
    • een ontwerpsdocument opslaan ter referentie

    Wanneer te activeren: Start van elke feature, refactor of migratie.

    /superpowers:write-plan

    Na brainstormen creëert dit een implementatieplan waarbij:

    • elke taak maximaal 2-5 minuten duurt
    • elke taak exacte bestandspaden en volledige codefragmenten heeft
    • verificatiestappen ingebouwd zijn in elke taak
    • het plan uitgaat van een "enthousiaste junior engineer zonder context" die het uitvoert

    /superpowers:execute-plan

    Voert het plan uit met subagent-gedreven ontwikkeling:

    • verse subagent per taak (schone context)
    • tweefasige beoordeling: spec-naleving, dan codekwaliteit
    • menselijke checkpoints tussen batches
    • kritieke problemen blokkeren automatisch de voortgang

    De 14 skills uitgelegd

    SkillWat het doet
    test-driven-developmentDwingt RED-GREEN-REFACTOR af. Verwijdert code geschreven vóór tests.
    systematic-debugging4-fasen root cause proces met defense-in-depth
    using-git-worktreesCreëert geïsoleerde branch, voert setup uit, verifieert schone baseline
    using-superpowersIntroductie tot het skills systeem
    dispatching-parallel-agentsGelijktijdige subagent workflows
    executing-plansBatch-uitvoering met checkpoints
    finishing-a-development-branchMerge/PR/keep/discard opties, opruimen
    brainstormingSocratische ontwerpverfijning
    writing-plansGedetailleerde implementatieplanning
    requesting-code-reviewPre-review checklist, blokkeert bij kritieke problemen
    receiving-code-reviewSystematisch reageren op feedback
    writing-skillsMeta-skill voor het creëren van nieuwe skills
    verification-before-completionZorgt ervoor dat fixes daadwerkelijk werken
    subagent-driven-developmentTweefasige beoordeling per taak

    image

    Hoe skills automatisch activeren

    Skills zijn geen commando's die je aanroept, ze activeren op basis van context:

    • begin discussie over nieuwe feature → brainstorming activeert
    • ontwerp goedgekeurd → using-git-worktrees activeert
    • implementatie begint → test-driven-development activeert
    • taak voltooid → requesting-code-review activeert
    • alle taken klaar → finishing-a-development-branch activeert

    Claude controleert op relevante skills vóór elke taak. Dit zijn verplichte workflows, geen suggesties.

    Git worktree integratie

    Superpowers gebruikt git worktrees voor geïsoleerde ontwikkeling: bash

    Wat er achter de schermen gebeurt:

    git worktree add ../project-feature feature-branch cd ../project-feature

    Claude werkt hier, main branch blijft schoon

    Voordelen:

    • meerdere Claude-instanties draaien op verschillende features
    • main branch stabiel houden tijdens experimenteren
    • gemakkelijk opruimen als dingen misgaan

    Subagent-gedreven ontwikkeling

    Het krachtigste patroon. In plaats van één lange Claude-sessie:

    1. Hoofdagent creëert het plan
    2. Verse subagent voert elke taak uit
    3. Review agent (code-reviewer) controleert het werk
    4. Hoofdagent gaat door of vraagt om fixes

    Waarom dit werkt: elke subagent start met schone context gericht op ÉÉN taak. Geen opgebouwde verwarring van lange sessies.

    TDD-handhaving

    Superpowers neemt TDD serieus. De skill:

    • vereist falende test VÓÓR implementatie
    • kijkt toe hoe de test faalt (bewijst dat het iets test)
    • implementeert minimale code om te slagen
    • commit bij groen
    • refactort alleen na groen

    Als Claude code schrijft vóór tests, instrueert de skill het om die code te verwijderen en opnieuw te beginnen.

    Praktisch voorbeeld

    Jij: Ik heb gebruikersauthenticatie nodig voor mijn Express app

    Claude (met Superpowers): → Activeert brainstorming skill → Vraagt: OAuth of wachtwoorden? Sessie of JWT? Welke providers? → Verkent: Rate limiting? Account lockout? Wachtwoordvereisten? → Presenteert ontwerp in secties voor jouw goedkeuring

    Jij: Ziet er goed uit, laten we plannen

    Claude: → Activeert writing-plans skill → Creëert 12 taken, elk 2-5 minuten → Taak 1: Creëer falende test voor /signup endpoint → Taak 2: Implementeer signup handler om test te laten slagen → Elke taak heeft exacte bestandspaden en code

    Jij: Uitvoeren

    Claude: → Start subagent voor Taak 1 → code-reviewer agent valideert output → Start subagent voor Taak 2 → Rapporteert voortgang, vraagt om goedkeuring om door te gaan

    De plugin beheren

    Vanuit het /plugin menu kun je:

    • Disable plugin: tijdelijk uitschakelen
    • Mark for update: markeren voor volgende updatecyclus
    • Update now: meteen laatste versie ophalen
    • Uninstall: volledig verwijderen
    • View on GitHub: broncode bekijken

    Wanneer Superpowers NIET te gebruiken

    • snelle eenmalige vragen
    • simpele bestandsbewerkingen
    • taken onder 5 minuten

    Voor deze gevallen is de overhead het niet waard. Superpowers schittert bij multi-file features, refactors en migraties die systematische uitvoering vereisen.

    Snelle Referentie

    ActieHoe
    Installeren/plugin → Discover → superpowers
    Start ontwerp/superpowers:brainstorm
    Creëer plan/superpowers:write-plan
    Voer plan uit/superpowers:execute-plan
    Updaten/plugin → selecteer superpowers → Update now

    Superpowers transformeert Claude Code van "behulpzame assistent die soms ontspoort" naar "systematische ontwikkelingspartner die bewezen processen volgt." De gestructureerde workflow voorkomt de meest voorkomende faalwijzen: overgeslagen tests, gemiste edge cases en features die afdrijven van requirements.

    Gemaakt door Namiru.ai - plug-and-play AI-chat voor je website.

    Patrik Kelemen
    Author
    Ing. Patrik Kelemen
    Founder of Namiru.aiSlovakia, EU

    Senior software engineer with 10+ years of experience, specializing in AI chat widgets and automation. Building Namiru.ai to help businesses leverage AI without complexity.

    AI AgentsAngularReactNodeJSAWSAzure
    Vond je dit artikel leuk?

    Ontdek wat AI kan doen voor jouw website

    Plak je URL en zie je AI-agent in seconden tot leven komen.

    Je klanten krijgen direct antwoord. Jij krijgt leads, analyses en je tijd terug.

    Geen creditcard nodig

    Namiru.ai

    AI chat for your website