worked-examples
Worked Examples & Tutorials
Step-by-step walkthroughs of real Claude Code workflows. Each tutorial shows the exact commands, expected output, and decision points.
Tutorial 1: Set Up Claude Code for a New Project
Goal: Configure Claude Code from scratch for a TypeScript/React project.
Steps:
- Generate starter CLAUDE.md
/init
Claude analyzes your codebase and generates CLAUDE.md with build commands, test instructions, and detected conventions.
- Review and customize CLAUDE.md Open the generated file. Keep it under 200 lines. Focus on:
- Build/test commands:
pnpm install,pnpm test,npx tsc --noEmit
More from lobbi-docs/claude
vision-multimodal
Vision and multimodal capabilities for Claude including image analysis, PDF processing, and document understanding. Activate for image input, base64 encoding, multiple images, and visual analysis.
273design-system
Apply and manage the AI-powered design system with 50+ curated styles
127complex-reasoning
Multi-step reasoning patterns and frameworks for systematic problem solving. Activate for Chain-of-Thought, Tree-of-Thought, hypothesis-driven debugging, and structured analytical approaches that leverage extended thinking.
113gcp
Google Cloud Platform services including GKE, Cloud Run, Cloud Storage, BigQuery, and Pub/Sub. Activate for GCP infrastructure, Google Cloud deployment, and GCP integration.
75kanban
Kanban methodology including boards, WIP limits, flow metrics, and continuous delivery. Activate for Kanban boards, workflow visualization, and lean project management.
64debugging
Debugging techniques for Python, JavaScript, and distributed systems. Activate for troubleshooting, error analysis, log investigation, and performance debugging. Includes extended thinking integration for complex debugging scenarios.
60