{
 "schema_version": 1,
 "generated": "2026-10-20",
 "id": "mrbongoc-ai-iso-skill--study-isometric-svg-projection",
 "repo": "MrBongoC/ai-iso-skill",
 "repo_url": "https://github.com/MrBongoC/ai-iso-skill",
 "repo_slug": "mrbongoc-ai-iso-skill",
 "title": "Learn how the skill builds isometric SVG from SKILL.md",
 "page_title": "How to learn how the skill builds isometric SVG from SKILL.md with AI Iso Skill",
 "summary": "Read the skill kernel and examples to see how box faces become SVG matrix transforms.",
 "who": "A front-end developer or student who wants to draw isometric graphics in plain SVG and needs a worked reference.",
 "problem": "Isometric projection math and paint-order depth are easy to get wrong, and most examples rely on a drawing library instead of plain markup.",
 "outcome": "A clear view of the roughly 15 lines of projection logic, the single state object and render() pattern, and the rules for the look, taken from the repo.",
 "steps": [
  "Clone the repo with `git clone https://github.com/MrBongoC/ai-iso-skill.git`",
  "Open skills/iso-figure/SKILL.md and read the kernel and the procedure",
  "Open the files in the examples folder in a text editor",
  "Find the code that maps each box face to an SVG matrix() call",
  "Note how paint order and the state object with render() drive the interaction"
 ],
 "agent_prompt": "Clone the MrBongoC/ai-iso-skill repo, read skills/iso-figure/SKILL.md and the files in examples, and summarize how box faces become SVG matrix() transforms. Expected output: a short written explanation with file references. Verify each claim against the actual files.",
 "agents": [
  "any"
 ],
 "difficulty": "Intermediate",
 "time": "30 minutes",
 "basis": "readme",
 "caveat": "The README describes the projection approach in prose, so confirm the exact code details in the example files rather than relying on this summary.",
 "category": "Content",
 "tags": [
  "Content"
 ],
 "lang": "",
 "requirements": [
  "A Claude.ai account with skill settings, or Claude Code installed",
  "A web browser to open the generated HTML file",
  "Git, only if you copy the skill folder by hand"
 ],
 "risk": "none",
 "seen_in_the_wild": false,
 "mentioned_publicly": false,
 "risks": [],
 "best": false,
 "score": 0.8,
 "evidence": [],
 "url": "https://dedupedai.com/use-cases/mrbongoc-ai-iso-skill/study-isometric-svg-projection/",
 "md": "https://dedupedai.com/use-cases/mrbongoc-ai-iso-skill/study-isometric-svg-projection/index.md",
 "disclaimer": "Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked \"Seen in the wild\", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email hello@dedupedai.com and we will look at it promptly.",
 "api": "https://dedupedai.com/api/v1/usecases/mrbongoc-ai-iso-skill--study-isometric-svg-projection.json",
 "api_version": "v1"
}