Skip to content
Search Skills⌘ K中文Go Pro

Find your next Skill

A little inspiration
Mechanism StudioTurn an idea into a detailed machine you can interact with.Images & brandParts ExploderTurn confirmed parts into a numbered exploded SVG, detail view and parts ledger.Images & brandMaterial CutawayCompare a material stack in true-thickness and readable thin-layer views.Images & brandField Research PosterCreate a source-led field poster with observations, methods and limitations.Images & brandProcess CutpaperRender a supplied sequence as three distinct layered-paper SVG compositions.Images & brand

Installed? Try saying

Explain how a gauge measures three blocks as an interactive isometric SVG machine. Use English, dark and light themes, keyboard controls and honest illustrative units.
How it helps
  1. Map the concept to a physical mechanism and a shared model.
  2. Build the figure with the included geometry kit and the closest source example.
  3. Add interaction, keyboard controls and reduced motion; inspect desktop and mobile output.
Output notes
Rebuilt upstream example
A keyboard that worksFocus the figure and type; Escape toggles the CRT.

Included2

  1. Editable geometry, keyboard and screen behavior.
  2. Dark/light themes and upstream license.
Rebuilt upstream exampleAnatomy by Ryan · MIT · 2026-10-15 package check
Scope & limitations
Technical writersProduct designersEducators and creators
  • The included engine and examples are by Ryan under MIT; Useful Mint adds bilingual guides, localized builders, packaging and integration validation. No upstream endorsement is implied.
  • Four localized example modes are browser-tested. The 3D engine remains beta; the public scene simplifies optional wiring for clear rotation. React SSR/hydration is tested with React 19.2.7, not every framework or Next.js integration.
  • Illustrative geometry is not calibrated engineering measurement. Community publication is optional and requires a separate request.
Test record2026-10-15

Version 1.1: 20 browser cases across four rendering modes, two languages, two themes and no-WebGL fallback. Version 1.0 agent reproduction records below are retained as history.

ToolVersionResult
Claude Code2.1.299English adaptation built in both themes; keyboard, mobile layout and line checks passed.
CodexCLI 0.154.0Chinese source and both themes generated. CLI browser startup was blocked and the run timed out; host browser verification is recorded separately.
Files & updatesv1.1

Skill guide, full MIT license, pinned source manifest, complete drawing kit, eight example source folders, detailed references and browser checks.

Copy the install prompt again to get updates.

  • v1.1 · 2026-10-15
    • Renamed to Mechanism Studio and moved to Pro.
    • Added bilingual guides, four localized builders and eight live previews.
    • Verified WebGL fallback, 3D orbit behavior and React SSR/hydration.
  • v1.0 · 2026-10-15
    • Attributed distribution pinned to bc943e40c59998be5da61f9d39c6a983b1116099, with a Chinese-friendly entry point and interactive preview.

Community feedback

No public reviews yet. Made something with this Skill?

Share your experience ↗
All Skills →