其他

isometric-explainer

rohitg00/ai-eng…-scratch

Builds an interactive isometric machine page. Each station of one invented machine stands for one step of a process. A pure, tested state model drives the motion, the readouts and the copy. The page has controls and a verification loop. Trigger phrases: "isometric explainer", "machine explainer", "explain this as a machine", "interactive isometric figure", "explorable explainer", "show how it works inside".

  • 767 次安装
  • 7.6万 星标
  • 收录于

安装命令

npx skills add https://github.com/rohitg00/ai-engineering-from-scratch --skill isometric-explainer

SKILL.md

Isometric Explainer

This skill makes a single-page interactive figure. The figure is a solid isometric machine on a bench. Each station of the machine stands for one step of a process. For example, a request card moves on a carriage, a probe drops, and a press stamps the card. A pure state model decides every move, so the picture, the numbers and the words match. The templates/ folder holds a working starter, and kit/ holds the geometry library it uses.

When to use

  • The concept is a process with stations, order and failure modes: a loop, a pipeline, a cache, a queue, a retry policy.
  • The reader can break one part and see what fails.
  • The figure is the main content of a page.

When not to use

  • A static diagram explains the idea. Make a flat SVG figure instead.
  • The concept has no order or state change. Make a static figure instead.
  • The figure is a small diagram inside a lesson or a README. Use the sibling skill blueprint-figure.
  • You cannot write a deterministic model of the behavior. Do not animate a guess.
  • The job needs more than 150 parts and the user has not approved the size.

Method