From example-design
Design effective code examples, tutorials, and runnable samples with progressive complexity. Use when creating code examples, tutorials, quickstart guides, sample code, runnable examples, or progressive disclosure content. NOT for generating full documentation (use documentation-generator).
npx claudepluginhub viktorbezdek/skillstack --plugin example-designThis skill uses the workspace's default tool permissions.
Create code examples that teach effectively through progressive complexity.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Analyzes BMad project state from catalog CSV, configs, artifacts, and query to recommend next skills or answer questions. Useful for help requests, 'what next', or starting BMad.
Create code examples that teach effectively through progressive complexity.
| Type | Purpose | Length |
|---|---|---|
| Snippet | Single concept | 5-15 lines |
| Complete example | Working code | 20-50 lines |
| Tutorial | Step-by-step | Multi-file |
| Reference app | Production patterns | Full project |
Level 1: Minimal (happy path)
↓
Level 2: Add configuration
↓
Level 3: Add error handling
↓
Level 4: Add edge cases
↓
Level 5: Production-ready
# 1. Context: What this does
"""Fetch user data from API"""
# 2. Setup: Prerequisites
import requests
# 3. Core: Main concept (highlight this)
response = requests.get("/users/123") # <-- Key line
user = response.json()
# 4. Result: Expected output
print(user["name"]) # Output: "Alice"
## Tutorial: [Goal]
**Time**: 10 min | **Level**: Beginner
### What you'll build
[Screenshot/description]
### Prerequisites
- [requirement 1]
- [requirement 2]
### Step 1: [Action]
[Explanation]
[Code]
[Expected result]
### Step 2: [Action]
...
### Next steps
- [Related tutorial]
- [Advanced topic]