iberian-vignette
Hand-drawn editorial vignette illustration in a locked Iberian-Mediterranean style — loose wobble ink linework, flat muted color fills with a cream ground and burgundy/wine as the anchor color, exactly one secondary accent (sage / mustard / dusty blue / terracotta), minimal abstract faces (tiny dot eyes, soft nose hint, almost no mouth), casually-observed body language, and a short Spanish serif lowercase wordmark anchored at the bottom of the canvas. Always grounded by an architectural / scenic prop (doorway, archway, balcony, courtyard, counter). Trigger when the user says /iberian-vignette, asks for an "Iberian vignette illustration", a "Spanish editorial illustration", a "Mediterranean observed-moment scene", or briefs with a scene metaphor + cast + complexity in this hand-drawn editorial style.
What this skill does
# /iberian-vignette — locked Iberian editorial vignette style
This skill produces quietly cinematic, observed-moment vignettes in a hand-drawn Iberian-Mediterranean editorial aesthetic. Every piece reads as the same illustrator's hand — same loose wobble ink, same muted cream-and-burgundy palette, same minimal abstract faces, same intimate observed posture, same short Spanish serif wordmark anchored at the bottom.
The style was trained from a Spanish "equipo" editorial cover and refined across both trade-shop scenes (cafe, bookshop, bakery, tailor, flower market, kitchen, bodega, ceramics, bicycle repair) and domestic / leisure moments (morning coffee on a balcony, a couple slow-dancing, three generations on a courtyard bench). See `ref-l1-manana.png`, `ref-l2-ritmo.png`, `ref-l3-familia.png`, and `ref-l2-cafe.png` for the visual target.
## How to use this skill
The user gives a short brief — sometimes just a scene ("two friends at a market"), sometimes a fuller brief with palette + cast + wordmark. Your job:
1. Map the brief to the six dials below. Fill in any missing dial with a tasteful, period-coherent default.
2. Pick the matching complexity-tier reference anchor (L1 → `ref-l1-manana.png`, L2 → `ref-l2-ritmo.png` or `ref-l2-cafe.png`, L3 → `ref-l3-familia.png`) and feed it to the image model as a reference / source image.
3. Compose a prompt from the **Style brief structure** below, preserving the locked axes verbatim and filling in the dial fields.
4. Generate at portrait 2:3 (1024×1536 recommended) with the host style overlay bypassed so the model honors the locked brief.
5. Inspect the output against the **Quality checks** list before returning it.
If the brief is empty, default to: solo woman in a soft cream linen outfit on a small Mediterranean balcony with a steaming mug, sage green herb pot on the railing, terracotta rooftops below, wordmark `mañana`.
## Locked style axes (NEVER vary)
### Medium and surface
- **Hand-drawn editorial ink + flat color** — loose ink linework with visible wobble and varied weight (medium-fine pen feel; confident but imperfect, never digitally clean).
- **Flat opaque color fills** — no gradients, no airbrush, no rendered shading inside shapes, no halftone, no paper texture.
- **Background**: a single warm cream / off-white solid ground filling the entire canvas.
- **Floor (when shown)**: soft brown wood or stone.
- **Skin tones**: warm sand / beige.
### Anchor color
- **Burgundy / wine must be present in every piece** — somewhere visible in the scene (a sweater, a dress, a hanging sign, a chair, a clay pitcher, an apron, a pot). Without it, the piece drifts away from the locked family.
### Secondary accent (exactly one per piece)
- Sage green · mustard yellow · dusty muted blue · terracotta-rust. Used sparingly on a single prop, plant, sign, tile, or one piece of clothing. **Never two accents in the same piece** — that breaks the calibrated mood.
### Faces
- **Minimal abstract faces** — tiny dot or short-mark eyes, soft nose hint (a single short curve), barely any mouth (a faint short line at most). Never detailed facial features. Never cartoon dot pupils or big anime eyes.
- Pink blush is **not** used here (that belongs to other styles).
### Hair
- Flat solid color masses; the silhouette is one color block.
- A few simple texture marks (a curl, a wave) are okay; never rendered strands or airbrushed highlights.
### Posture and body language
- **Casually-observed** — leaning, holding, gently propped, mid-action without performance. People stand, lean, sit, pour, wipe, kneel, dance, look out — never stiffly posed and never freeze-framed dramatically.
- Energy goes in posture, never the face.
### Composition
- **Portrait orientation**, 2:3 (recommended 1024×1536).
- Centered, cinematic, intimate — figures clustered, never sparse.
- **Always grounded by an architectural / scenic prop**: a doorway, stone archway, window, balcony, courtyard, stone bench, counter, stoop, interior corner. Without the architectural anchor, the piece feels untethered.
### Wordmark
- A short **lowercase serif noun** anchored at the bottom center of the canvas. Bold serif. Always present.
- Typically Spanish or another Iberian language: `mañana`, `ritmo`, `familia`, `cafe`, `vino`, `pescado`, `sastre`, `libros`, `flores`, `cocina`, `bicis`, `panadería`, `ceramica`, `cena`, `tarde`.
### Mood
- Calm, intimate, observed; quietly cinematic. Mediterranean afternoon light. Never frantic, never glamorous, never melancholic. This is the warmth of an everyday moment held still.
### No edge artifacts
- The original training reference was a magazine spread cropped to leave fragments of body copy (`site`, `Sear`) at the canvas edges. **Do NOT include any cropped magazine text** at the edges of the canvas — that was a training artifact, not part of the style.
## Six creative dials (user-controlled)
| # | Axis | What it controls | Example values |
|---|---|---|---|
| 1 | **Scene metaphor** | The observed moment | morning coffee · evening dance · family courtyard · cafe conversation · flower market · tailor's workshop · bakery prep · bodega tasting · ceramics studio · bicycle repair · reading on a stoop · sharing a meal on a terrace |
| 2 | **Cast** | Who is in the scene | solo (L1), pair (L2), 3–4 figures (L3). Mix genders. Vary ages — child, young adult, mature, elder all welcome |
| 3 | **Architectural prop** | The scenic anchor | stone arched doorway · tall arched window · stone balcony · sunlit courtyard · wooden counter · interior corner with archway · stoop with cast-iron railing · open terrace with arbor |
| 4 | **Secondary accent (one only)** | The single non-burgundy color note | sage green (plants, ceramics, signage) · mustard yellow (lamp, awning, sign, skirt) · dusty muted blue (tile work, pottery glaze, clothing) · terracotta-rust (bottles, amphora, pots, brick) |
| 5 | **Wordmark** | The short Spanish noun anchored at the bottom | `mañana` · `ritmo` · `familia` · `cafe` · `vino` · `pescado` · `flores` · `sastre` · `libros` · `cocina` · `cena` · `tarde` · `bicis` |
| 6 | **Complexity** | Scene density | **L1** — 1 figure + 1–2 props, single architectural framing element · **L2** — 2 figures + small scene with arch prop · **L3** — 3–4 figures + full vignette interior, courtyard, or storefront |
## Style brief structure (fill the bracketed fields, keep everything else verbatim)
```
Hand-drawn editorial vignette illustration in a loose-ink Iberian-Mediterranean style. Loose hand-drawn ink linework with visible wobble and varied weight. Flat muted color fills only — NO gradients, NO shading, NO texture. Warm cream off-white background filling the canvas, soft brown floor where applicable. Casually-observed body language — leaning, holding, gently propped, mid-action without performance.
[CAST: number + genders + ages + clothing notes; warm sand skin tones; one or more figures show BURGUNDY / WINE as the anchor color (sweater, dress, sign, prop, apron — pick one)]. Minimal abstract faces: tiny dot or short-mark eyes, soft nose hint, almost no mouth. Hair as flat color masses. [POSE: how the figures sit, lean, stand, hold, work, dance — must read as observed mid-moment, never stiffly posed].
The scene is grounded by [ARCHITECTURAL PROP: stone arched doorway / tall arched window / stone balcony / sunlit courtyard / wooden counter / archway / stoop / open terrace] framing the figures.
Secondary accent color: [SAGE GREEN / MUSTARD YELLOW / DUSTY MUTED BLUE / TERRACOTTA-RUST], used sparingly on [WHERE IT APPEARS — one prop or one piece of clothing]. NO second accent color anywhere.
Wordmark at the bottom center of the canvas: the word "[WORDMARK]" in bold serif lowercase.
DO NOT add any cropped magazine text at the edges of the canvas — keep the canvas clean. No additional text, no logos, no watermarks.
Portrait orientation 2:3, recommended 1024×1536.
```
## Recommended model and reference handling
This styleRelated 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.