modes.json

{
  "version": "1.0.0",
  "description": "Machine-readable version of the visual modes for Claude.",
  "modes": [
    {
      "name": "/handwritten",
      "description": "Notebook page, handwritten notes, study notes",
      "prompt": "Render this as a page from a real notebook: slightly uneven pen strokes, margin notes, underlines, and the natural imperfection of handwriting. Should feel personal and low-pressure, not polished."
    },
    {
      "name": "/diagram",
      "description": "Flowchart or architecture diagram",
      "prompt": "Render this as a clean flowchart or architecture diagram: labeled boxes, arrows, and clear structure. Precision over decoration — this is a reference diagram someone could point at, not an illustration."
    },
    {
      "name": "/infographic",
      "description": "Infographic with icons and sections",
      "prompt": "Render this as an infographic: icon-driven, clearly divided sections, short callouts and stats. Optimize for skimming and sharing, not deep reading."
    },
    {
      "name": "/whiteboard",
      "description": "Whiteboard explanation",
      "prompt": "Render this as a whiteboard explanation: loose marker-style lines, circled key points, an in-the-room, unpolished, exploratory feel — like someone is walking through it live."
    },
    {
      "name": "/mindmap",
      "description": "Mind map layout",
      "prompt": "Render this as a mind map: one central idea with branches radiating outward into subtopics. Show how ideas connect without implying a strict sequence."
    },
    {
      "name": "/blueprint",
      "description": "Technical blueprint style",
      "prompt": "Render this as a technical blueprint: light linework on a dark blue background, with measurement-style annotations. Should signal precision and engineering rigor."
    },
    {
      "name": "/sticky-notes",
      "description": "Colorful sticky note brainstorming",
      "prompt": "Render this as a corkboard covered in colorful sticky notes, one idea or category per note. Capture the energy of a live brainstorm — unsorted, varied colors, short bites of text per note."
    },
    {
      "name": "/sketchnote",
      "description": "Doodle + handwritten notes",
      "prompt": "Render this as a sketchnote: handwritten lettering combined with small illustrative doodles, arrows, and boxes, in the style of a conference graphic recorder."
    },
    {
      "name": "/cheatsheet",
      "description": "One-page reference guide",
      "prompt": "Render this as a dense, scannable one-page reference: grouped sections, clear headers, tables where useful. Optimize for quick lookup, not narrative flow."
    },
    {
      "name": "/timeline",
      "description": "Chronological visual",
      "prompt": "Render this as a timeline: events, milestones, or steps laid out in chronological order along a single line. Order matters more than category here."
    },
    {
      "name": "/comic",
      "description": "Comic strip explanation",
      "prompt": "Render this as a comic strip: sequential panels with characters, dialogue, or captions that give the concept narrative momentum rather than stating it flatly."
    },
    {
      "name": "/poster",
      "description": "Educational poster",
      "prompt": "Render this as an educational poster: bold typographic hierarchy, large illustrations, readable from across a room. Prioritize visual impact over density of detail."
    },
    {
      "name": "/flashcards",
      "description": "Study cards",
      "prompt": "Render this as a set of flashcards: a prompt or term on one side, an answer or definition on the other (or shown side-by-side). Built for repetition-based learning."
    },
    {
      "name": "/presentation",
      "description": "Slide-like design",
      "prompt": "Render this as a single slide: title, one supporting visual, and a few key points, styled for clarity at a glance rather than as a full deck."
    },
    {
      "name": "/minimal",
      "description": "Clean, simple design",
      "prompt": "Render this with maximum restraint: generous whitespace, a limited color palette, simple shapes. Let the content carry the weight — no unnecessary decoration."
    },
    {
      "name": "/isometric",
      "description": "3D isometric illustration",
      "prompt": "Render this as an isometric illustration: objects and scenes at the angled, flat-but-dimensional perspective common in modern tech illustration. Convey depth without going fully photorealistic."
    },
    {
      "name": "/pixelart",
      "description": "Pixel art style",
      "prompt": "Render this as retro pixel art: blocky, low-resolution-by-design visuals reminiscent of classic video games."
    },
    {
      "name": "/watercolor",
      "description": "Watercolor painting",
      "prompt": "Render this as a watercolor painting: soft edges, bleeding color, visible paper texture. Hand-painted and artistic rather than photorealistic."
    },
    {
      "name": "/ghibli",
      "description": "Studio Ghibli-inspired style (where allowed)",
      "prompt": "Render this in a soft, painterly, warm-lit style inspired by hand-drawn Japanese animation: lush backgrounds, expressive but simple character design. This should evoke the broader animation style, not reproduce any specific copyrighted artwork or characters."
    },
    {
      "name": "/cyberpunk",
      "description": "Futuristic neon style",
      "prompt": "Render this in a cyberpunk style: dark backgrounds, neon color accents, glowing edges, a high-tech and slightly dystopian mood."
    },
    {
      "name": "/3d-render",
      "description": "Photorealistic 3D render",
      "prompt": "Render this as a photorealistic 3D render: realistic lighting, materials, and depth, as if modeled and rendered in 3D software rather than illustrated."
    }
  ]
}