brooke-builds-stuff

↳ Resources

The toolkit
behind the stuff

Everything I use to vibe code — the AI tools, the frameworks, the design resources, and the Claude Code skills and plugins that make it all click.

01 / Foundational Tools

Foundational Tools

  • Claude Code

    Visit →

    The backbone. Anthropic's CLI for Claude that I pair-program with on every project. Basically my co-founder at this point.

  • Claude (claude.ai)

    Visit →

    Where I brainstorm, debate product decisions, and think out loud before touching code.

  • My terminal of choice. Where Claude Code lives and where all the magic happens.

02 / Design

Design

  • Where designs start before they become code. MCP integration with Claude Code makes the handoff seamless.

  • Google Stitch

    Visit →

    Google's AI-powered design tool. Great for rapid prototyping and exploring layout ideas.

  • Variant

    Visit →

    Design inspiration and references I rely on for UI direction and polish.

03 / Claude Code Skills

Claude Code Skills

  • minimalist-ui

    Skill
    Design

    Premium utilitarian minimalism. Warm monochrome, bento grids, editorial typography.

    /install-skill minimalist-ui
  • impeccable

    Skill
    Design

    Production-grade frontend generation that avoids the generic AI aesthetic.

    /install-skill impeccable
  • high-end-visual-design

    Skill
    Design

    Teaches Claude to design like a high-end agency. Exact fonts, spacing, shadows, and animations.

    /install-skill high-end-visual-design
  • design-taste-frontend

    Skill
    Design

    Senior UI/UX engineering directives. Metric-based rules, strict component architecture, hardware-accelerated CSS.

    /install-skill design-taste-frontend
  • emil-design-eng

    Skill
    Design

    Emil Kowalski's philosophy on UI polish, animation decisions, and invisible details that make software feel great.

    /install-skill emil-design-eng
  • industrial-brutalist-ui

    Skill
    Design

    Raw mechanical interfaces. Swiss typographic print meets military terminal aesthetics.

    /install-skill industrial-brutalist-ui
  • stitch-design-taste

    Skill
    Design

    Semantic design system for Google Stitch. Premium, anti-generic UI standards.

    /install-skill stitch-design-taste
  • redesign-existing-projects

    Skill
    Design

    Upgrades existing sites to premium quality. Audits current design, identifies generic patterns, applies high-end standards.

    /install-skill redesign-existing-projects
  • typeset

    Skill
    Design

    Typography tuning — font choices, hierarchy, sizing, weight, and readability.

    /install-skill typeset
  • arrange

    Skill
    Design

    Layout and spacing improvements. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy.

    /install-skill arrange
  • colorize

    Skill
    Design

    Adds strategic color to monochromatic designs, making interfaces more engaging.

    /install-skill colorize
  • bolder

    Skill
    Design

    Amplifies safe designs to make them more visually interesting without losing usability.

    /install-skill bolder
  • quieter

    Skill
    Design

    Tones down aggressive designs, reducing intensity while preserving quality.

    /install-skill quieter
  • distill

    Skill
    Design

    Strips designs to their essence by removing unnecessary complexity.

    /install-skill distill
  • normalize

    Skill
    Design

    Realigns UI to match design system standards, spacing, tokens, and patterns.

    /install-skill normalize
  • extract

    Skill
    Design

    Consolidates reusable components, design tokens, and patterns into a design system.

    /install-skill extract
  • shape

    Skill
    UX

    UX/UI planning before code. Structured discovery interviews, then a design brief.

    /install-skill shape
  • critique

    Skill
    UX

    UX evaluation with quantitative scoring, persona-based testing, and anti-pattern detection.

    /install-skill critique
  • clarify

    Skill
    UX

    Improves UX copy, error messages, microcopy, labels, and instructions.

    /install-skill clarify
  • onboard

    Skill
    UX

    Onboarding flows, empty states, and first-run experiences to help users reach value quickly.

    /install-skill onboard
  • adapt

    Skill
    Engineering

    Responsive design across screen sizes, devices, and platforms. Breakpoints, fluid layouts, touch targets.

    /install-skill adapt
  • audit

    Skill
    UX

    Technical quality checks across accessibility, performance, theming, responsive design.

    /install-skill audit
  • polish

    Skill
    Design

    Final quality pass — alignment, spacing, consistency, micro-detail fixes before shipping.

    /install-skill polish
  • delight

    Skill
    Design

    Moments of joy — personality, unexpected touches, micro-interactions that make interfaces memorable.

    /install-skill delight
  • harden

    Skill
    Engineering

    Production-readiness — error handling, i18n, text overflow, edge case management.

    /install-skill harden
  • optimize

    Skill
    Engineering

    UI performance diagnostics across loading speed, rendering, animations, images, and bundle size.

    /install-skill optimize
  • animate

    Skill
    Engineering

    Purposeful animations, micro-interactions, and motion that improve usability.

    /install-skill animate
  • overdrive

    Skill
    Engineering

    Technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations.

    /install-skill overdrive
  • full-output-enforcement

    Skill
    Engineering

    Overrides default LLM truncation. Forces complete code generation with no placeholders.

    /install-skill full-output-enforcement
  • app-store-screenshots

    Skill
    Marketing

    Generates polished App Store screenshots and preview assets for iOS app submissions.

    /install-skill app-store-screenshots
  • simplify

    Skill
    Engineering

    Reviews changed code for reuse, quality, and efficiency, then fixes any issues found.

    /install-skill simplify
  • claude-api

    Skill
    Engineering

    Specialized skill for building apps with the Claude API and Anthropic SDK.

    /install-skill claude-api
  • loop

    Skill
    Dev

    Runs a prompt or slash command on a recurring interval — great for polling deploys or status checks.

    /install-skill loop
  • schedule

    Skill
    Deploy

    Creates scheduled remote agents that execute on a cron schedule. Automated tasks on autopilot.

    /install-skill schedule

04 / Claude Code Plugins

Claude Code Plugins

  • Superpowers

    Featured plugin
    Engineering

    The discipline layer. Bundles a complete development workflow — brainstorming, planning, TDD, debugging, git worktrees, code review, and verification — into one plugin. Claude doesn't ship sloppy work with this on. The single biggest upgrade to my Claude Code workflow.

    • brainstormingstructured idea-to-design walkthrough before code
    • writing-plans / executing-plansturns ambitious work into reviewable steps
    • test-driven-developmentred/green/refactor enforced
    • systematic-debuggingroot-cause discipline, not symptom-patching
    • using-git-worktreesisolated workspaces with safety verification
    • subagent-driven-developmentparallelizes independent work
    • requesting-code-review / receiving-code-reviewquality gate before merge
    • verification-before-completionno premature 'done'
    /plugin install superpowers@claude-plugins-official
  • Vercel Plugin

    Plugin
    Deploy

    Official Vercel integration for Claude Code. Deploy, inspect builds, fetch runtime logs, and manage projects without leaving the CLI.

    /plugin install vercel@claude-plugins-official
  • Swift LSP Plugin

    Plugin
    Dev

    Language server support for Swift in Claude Code. Better autocomplete, diagnostics, and navigation for iOS development.

    /plugin install swift-lsp@claude-plugins-official
  • Figma MCP Server

    Plugin
    Design

    Official Figma integration. Read designs, get screenshots, generate code from Figma files, manage Code Connect mappings.

  • Stripe MCP

    Plugin
    Dev

    Official Stripe integration. Create products, prices, payment links, refunds, and inspect customers/invoices/subscriptions straight from Claude Code.

  • Supabase MCP

    Plugin
    Dev

    Official Supabase integration. List tables, run migrations, fetch logs and security advisors, and grab project URLs and keys for client setup.

  • Claude in Chrome

    Plugin
    Dev

    Browser extension that lets Claude Code drive Chrome — DOM-aware navigation, clicks, and form-filling for web app testing and research.

  • Computer Use MCP

    Plugin
    Dev

    Claude controls the desktop — screenshots, mouse, keyboard, clipboard. The escape hatch for native macOS apps that don't have their own integration.

  • Google Drive MCP

    Plugin
    Dev

    Read, search, copy, and create files in Google Drive without leaving Claude Code.

05 / Dev & Deploy

Dev & Deploy

  • Next.js

    Visit →

    The framework behind every web app in the suite. App Router, server components, API routes — it does it all.

  • Tailwind CSS

    Visit →

    Utility-first CSS that makes it possible to ship polished UI without a design system team.

  • Vercel

    Visit →

    Where everything deploys. Push to main, it's live. Zero config, zero drama.

  • Airtable

    Visit →

    Lightweight backend for manual review workflows without spinning up a whole database.

  • TypeScript

    Visit →

    Types catch the dumb mistakes before Claude Code catches the smart ones.

  • SwiftUI

    Visit →

    Apple's declarative UI toolkit for iOS apps.

  • Apple's IDE for building and testing iOS apps before hitting TestFlight.

  • Apple Developer Program

    Visit →

    The $99/yr ticket to shipping on the App Store and TestFlight.