iso-scene
Isometric editorial-magazine scene illustration in a locked flat-vector style — ultra-fine hairline outlines, monochromatic saturated background filling the canvas, and a single composed scene whose props themselves embody the theme. Trigger when users say /iso-scene, ask for an "isometric editorial illustration", a "scene illustration in the editorial machine style", or brief with palette + scene archetype + complexity.
What this skill does
# /iso-scene — Isometric Editorial Scene Illustration
Generates a single composed isometric scene in a locked house style. Each invocation varies the **palette**, **scene archetype**, and **complexity**; everything else stays locked. The defining commitment is that **the scene IS the metaphor** — never a generic filing-cabinet box with the theme labelled on folder tabs.
## Prompt interpretation
The user supplies a short brief — typically a scene archetype (e.g. "city construction", "sky garden", "castle in the sky") plus an optional palette. It is your job to **flesh that brief out into a fully composed scene** with theme-native props. Do not stop to ask. Do not default to a generic container shape.
For each invocation:
1. **Take the brief as a seed.** A two-word theme is enough to start.
2. **Choose a scene archetype** whose structural parts come from the theme itself (see archetype catalog below). The shape of the scene must read as that theme to a viewer who can't see any labels.
3. **Resolve the palette** to four colour roles (BG / BODY / FOLIAGE / ACCENT). Pick from presets or accept custom hex.
4. **Set complexity** (L1 / L2 / L3) — see complexity scale below.
5. **Compose the scene** as one self-contained object centred on a flat saturated background. Vary silhouette with optional modules (cranes, smokestacks, ladders, airships, antennas) so the machine/scene never reads as a plain rectangular box.
6. **Render at 1024×1024** with a high-fidelity text-to-image model that adheres tightly to detailed prompts.
## Locked style axes (NEVER vary)
### Perspective
- 3D **isometric**, axonometric — no vanishing-point perspective
- Centred composition with generous monochromatic negative space on all sides
### Linework
- **Ultra-fine, delicate, wispy hairline strokes** — uniform weight, ~0.5pt ink-pen feel
- NEVER bold, NEVER chunky, NEVER variable-weight
- Refined architectural-drawing or fashion-illustration sensibility — the **colour blocks do the heavy lifting**, the lines are structural guides only
- If the output reads as "graphic / poster / sticker", the linework is too heavy — regenerate thinner
### Fills
- **Flat colour fills, no gradients, no airbrush shading, no inner highlights**
- Subtle drop-shadow on the ground beneath the scene is allowed; no other shading
### Background
- The ENTIRE canvas, edge-to-edge, is filled with one solid flat saturated colour (the BG role of the palette)
- **No white. No transparency. No vignette. No background scenery.**
- If the output puts the scene on white, the prompt failed — regenerate with stronger BG-fill instruction (capitalise CRITICAL, repeat the hex)
### Aesthetic
- Editorial magazine-print quality — Monocle / Kinfolk / The New Yorker / Bloomberg / Wes Anderson sensibility
- Sophisticated, dusty, **slightly muted but saturated**
- NEVER neon, NEVER fluorescent, NEVER blacklight, NEVER bubblegum, NEVER cartoon-saccharine
- Words to avoid in the prompt: "neon", "fluorescent", "glow", "blacklight", "kawaii", "cute", "bold outlines", "thick strokes"
## CRITICAL: the scene IS the metaphor
Each theme produces a scene whose structural parts come from the theme itself.
❌ **Anti-pattern:** A generic rectangular box-machine with a file-drawer on one side, a megaphone funnel on the other, and folder tabs relabeled per theme (PLANS/LABOR/FUNDS, EMAIL/ADS/SOCIAL, DRAFT/EDIT/PUBLISH). This makes every output look like the same accounting machine with different stickers. Do not do this.
✅ **Correct approach:** Pick props native to the theme so the silhouette itself reads as the subject.
**Archetype catalog (extend liberally — these are seeds, not a closed list):**
| Theme | Scene archetype |
|---|---|
| City construction | Half-built tower + crane + cement mixer + scaffold + bricks + drafting board + hard-hat figure |
| Marketing | Broadcast tower + signal waves + envelopes radiating + studio booth at the base |
| Hiring | Conveyor belt of empty chairs + résumé sheets + "HIRED" stamp + sorting station |
| Publishing | Printing press with rollers + ink wells + paper feed + finished book stack |
| Product launch | Rocket on launchpad + steam jets + mission-control console + countdown timer |
| Sky garden | Terraced garden tower + hanging vines + gazebo + fountain + gardener with watering can |
| Floating island park | Island chunk with grassy top + gazebo + benches + paths + lamp posts + dock + rowboat |
| Castle in the sky | Floating rocky island with hanging roots + multi-tower castle with flying buttresses + banners + airship + clouds + crystal at the underside |
| Customer support | Ticket-roll dispenser + headset + queue line of envelopes + bell on counter |
| Financial close | Vault door + ledger book stand + abacus + calculator tape + coin stacks |
| Onboarding | Welcome desk + kiosk + red carpet + swag boxes + door with tiny figure stepping through |
| Lighthouse at dusk | Rocky cliff + tall lighthouse + lantern beam + waves at the base + a single boat |
If the user names a theme not in the table, **invent the archetype**. The rule is always: the silhouette must read as the theme to a viewer who can't see any labels.
## Customisable axes
### Axis 1 — Palette (4 colour roles within one hue family)
| Role | Function |
|---|---|
| `BG` | Saturated mid-tone, fills the whole canvas |
| `BODY` | Deeper shade — main structural elements (stone, metal, wood) |
| `FOLIAGE` / secondary | Mid-shade for plants or secondary structures (optional, used in plant-heavy scenes) |
| `ACCENT` | Warm complement (cream / butter / sunflower / yellow) — small elements, fabrics, fixtures, lit windows |
| `PAPER` | White — highlights, water, small details, cloud-puffs |
**Presets:**
| Name | BG | BODY | FOLIAGE | ACCENT |
|---|---|---|---|---|
| green | `#5BD43A` grass | `#1F5C2E` forest | — | `#F4C430` sunflower |
| blue | `#3A7BD5` cobalt | `#1B3B7A` navy | — | `#F4C430` sunflower |
| coral | `#F4A0B0` dusty pink | `#7A2E4E` berry | `#C76B89` mauve | `#F5E4C8` cream |
| yellow | `#F2C94C` mustard | `#8B5A2B` cinnamon | `#9E8C2F` olive | `#F8EDB5` cream |
| terracotta | `#D27D4A` clay | `#5C2A14` dark brown | — | `#F5E4C8` cream |
| lavender | `#C7A7E0` lavender | `#4A2B5C` aubergine | — | `#F4E4B8` butter |
| mint | `#A8E0C8` mint | `#1E5C50` teal | — | `#F4B58A` peach |
| sunset | `#F2A07B` peach | `#8C3A2A` brick | — | `#F5E4C8` cream |
| sky | `#A8D0F2` sky-blue | `#2B4A7A` steel-navy | — | `#F8EDB5` cream |
The user may also supply a custom triplet: `palette=#xxxxxx/#xxxxxx/#xxxxxx`.
### Axis 2 — Scene archetype
User-supplied theme (see catalog above). Resolve to a list of theme-native props, materials, and a small figure or two when the scene calls for it.
### Axis 3 — Complexity
| Level | Element count | Description |
|---|---|---|
| **L1 Minimal** | 4–6 visible elements | One central object + 1–2 supporting props |
| **L2 Standard** *(default)* | 8–12 elements | Central object + supporting props + small figure + atmospheric details (clouds, birds, small flora) |
| **L3 Rich** | 15+ elements | Populated scene with multiple sub-vignettes, multiple figures, hovering airships or clouds, ambient props |
### Axis 4 — Optional modules (silhouette variety)
For machine-style themes especially, pick 2–4 extra modules so the outline is varied and asymmetric, never a plain rectangle:
- Mechanical: gears, pipes, conveyor belt, crane-arm, lever, pressure-gauge
- Atmospheric: smokestack with paper-puff smoke, steam-vent, antenna/dish, signal-light bulb
- Structural: wheels, tripod legs, side ladder, scaffolding, periscope, fuel tank
- Human-scale: tiny operator figure, gardener, hard-hat worker, traveller
- Aerial: hovering airship, floating crystal, dangling root cluster, cloud-puffs
## Reusable prompt template
```
Isometric editorial vector illustration of a stylized miniature {SCENE_NAME} — a small, self-contained scene as a single composed object.
BACKGROUND — CRITICAL: The ENTIRE canvas, edge to edge,Related in Design
contribute
IncludedLocal-only OSS contribution command center. Auto-refreshes the user's in-flight PR and issue state on invoke so conversations start with full context — no need to brief Claude on what's in flight. Helps the user find issues to contribute to on GitHub, builds per-repo dossiers of what each upstream expects (CLA, DCO, branch convention, AI policy, draft-first, review bots, issue templates), runs deterministic gates before any external action so AI-assisted contributions don't reach maintainers as slop. State is markdown-only: candidate files at ~/.contribute-system/candidates/, repo dossiers at ~/.contribute-system/research/, append-only event log at ~/.contribute-system/log.jsonl. No database, no cloud calls. Use when the user asks about their PRs / issues / contributions, wants to find new work to take on, claim an issue, build/refresh a repo's dossier, or draft a Design Issue or PR. Trigger with "/contribute", "what's my PR status", "find a contribution", "claim issue X", "draft a Design Issue for Y", "refresh dossier for Z".
architectural-analysis
IncludedUser-triggered deep architectural analysis of a codebase or scoped subtree across eight modes — information architecture, data flow, integration points, UI surfaces, interaction patterns, data model, control flow, and failure modes. This skill should be used when the user asks to "diagram this codebase," "map the architecture," "show the data flow," "give me an ERD," "trace control flow," "find the integration points," "verify the layout pattern," "audit the UX architecture," or any similar request whose primary deliverable is mermaid diagrams plus cited reports under docs/architecture/. Dispatches haiku/sonnet sub-agents in parallel for per-mode exploration, then verifies every citation mechanically before any node lands in a diagram. Not for one-off prose explanations of code (use code-explanation) or for high-level system design from scratch (use system-design).
mcp
IncludedModel Context Protocol (MCP) server development and tool management. Languages: Python, TypeScript. Capabilities: build MCP servers, integrate external APIs, discover/execute MCP tools, manage multi-server configs, design agent-centric tools. Actions: create, build, integrate, discover, execute, configure MCP servers/tools. Keywords: MCP, Model Context Protocol, MCP server, MCP tool, stdio transport, SSE transport, tool discovery, resource provider, prompt template, external API integration, Gemini CLI MCP, Claude MCP, agent tools, tool execution, server config. Use when: building MCP servers, integrating external APIs as MCP tools, discovering available MCP tools, executing MCP capabilities, configuring multi-server setups, designing tools for AI agents.
react-native-skia
IncludedDesign, build, debug, and optimise high-polish animated graphics in React Native or Expo using @shopify/react-native-skia, Reanimated, and Gesture Handler. Use when the user wants canvas-driven UI, shaders, paths, rich text, image filters, sprite fields, Skottie, video frames, snapshots, web CanvasKit setup, or performance tuning for custom motion-heavy elements such as loaders, hero art, cards, charts, progress indicators, particle systems, or gesture-driven surfaces. Also use when the user asks for fluid, glow, glass, blob, parallax, 60fps/120fps, or GPU-friendly animated effects in React Native, even if they do not explicitly say "Skia". Do not use for ordinary form/layout work with standard views.
plaid
IncludedProduct Led AI Development — guides founders from idea to launched product. Six capabilities: Idea (discover a product idea), Validate (pressure-test the idea against fatal flaws, problem reality, competition, and 2-week MVP feasibility), Plan (vision intake + document generation), Design (translate image references into a design.md spec), Launch (go-to-market strategy), and Build (roadmap execution). Use when someone says "PLAID", "plaid idea", "help me find an idea", "product idea", "idea from my business", "idea from my expertise", "plaid validate", "validate my idea", "pressure-test", "is this idea good", "find fatal flaws", "validate the problem", "plan a product", "define my vision", "generate a PRD", "product strategy", "plaid design", "design from image", "translate image to design", "create design.md", "extract design tokens", "plaid launch", "go-to-market", "launch plan", "GTM strategy", "launch playbook", "plaid build", "build the app", "start building", or "execute the roadmap".
nextjs-framer-motion-animations
IncludedAdds production-safe Motion for React or Framer Motion animations to Next.js apps, including reveal, hover and tap micro-interactions, whileInView, stagger, AnimatePresence, layout and layoutId transitions, reorder, scroll-linked UI, and lightweight route-content transitions. Use when the user asks to add, refactor, or debug Motion or Framer Motion in App Router or Pages Router codebases, especially around server/client boundaries, reduced motion, LazyMotion, bundle size, hydration, or route transitions. Avoid for GSAP-style timelines, WebGL or 3D scenes, heavy scroll storytelling, or CSS-only effects unless Motion is explicitly requested.