Snippet
Copy and paste this prompt into an AI chat when you want a visual explainer. It asks for a real physical object instead of boxes and arrows:
text
Explain the idea below as a crafted, interactive isometric figure. Do not draw boxes, arrows, or floating labels.
Idea: [describe the concept, and give its real numbers, such as sizes, rates, counts, and thresholds]
Work in this order:
1. Collect the true numbers and behavior of the idea first. The readout, the motion, and any caption must all be true.
2. Invent one real, well-made physical object whose working is the concept. In one sentence, say what moves and what that motion means.
3. Write a parts list of at least 40 parts, grouped into base, structure, mechanism, controls, and the subject itself. Each part must sit on another part. Add screws, seams, and ticks where a real object would have them. Keep text out of the drawing, except for at most one small engraved label.
4. Build the figure as one standalone HTML file with inline SVG, CSS, and JavaScript. Use a light theme unless I ask for dark. Shade each solid in four tones by its facing, and paint the parts back to front so that nearer parts hide farther ones.
5. Frame the figure in a card with a short title at the top right, an interaction hint at the bottom left, and a live readout at the bottom right. The readout must come from the same small model that moves the parts.
6. Make the motion calm and eased. Respond to pointer and keyboard input, loop an idle tour when nobody touches the figure, and stop the motion for users who prefer reduced motion.
7. Before you finish, check every joint and every curved surface for plain, cut-off, or unfinished spots. Fix each one you find.How to Use
- Copy the prompt in the box above.
- Replace the bracketed text on the Idea line with your idea. Include real numbers where you can.
- Paste the prompt into an AI chat. Use a coding agent if you want the file saved in your project.
- Save the HTML file that the AI returns, and open it in a browser. Ask for changes if a part looks plain or cut off.
How It Works
- A real object, not a diagram - The idea is explained by a machine whose working is the concept.
- Numbers that match - The readout and the motion come from the same model, so the figure stays true.
- One file to open - The output is a standalone HTML page with no build step.
Based on the craft rules of the Anatomy skill by Ryan (MIT License). The full skill is in skills/anatomy/ in this repository.