figure
Create an interactive physical-mechanism illustration when directly invoked.
Skill by jpenley
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/jpenley-figure
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/figure
What's inside
- Skill name
figure- Description
- Create an interactive physical-mechanism illustration when directly invoked. Hidden from implicit skill selection.
- License
- MIT
- Instructions
- 24 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (74)
- LICENSE
- SKILL.md
- WORKFLOW.md
- openai.yaml · agents/
- arcade-cabinet.css · examples/arcade-cabinet/
- build.mjs · examples/arcade-cabinet/
- live.js · examples/arcade-cabinet/
- parts.mjs · examples/arcade-cabinet/
- screen.mjs · examples/arcade-cabinet/
- build.mjs · examples/desk-computer/
- build.mjs · examples/dial-indicator/
- build.mjs · examples/raptor-engine/
- live.js · examples/raptor-engine/
- raptor.css · examples/raptor-engine/
- build.mjs · examples/ripple-tank/
- live.js · examples/ripple-tank/
- model.mjs · examples/ripple-tank/
- ripple.css · examples/ripple-tank/
- art.tsx · examples/spot-plate/
- drops.ts · examples/spot-plate/
- fan.ts · examples/spot-plate/
- figure.tsx · examples/spot-plate/
- geometry.ts · examples/spot-plate/
- live.tsx · examples/spot-plate/
- rig.ts · examples/spot-plate/
- spot-plate.css · examples/spot-plate/
- art.tsx · examples/test-rig/
- figure.tsx · examples/test-rig/
- geometry.ts · examples/test-rig/
- live.tsx · examples/test-rig/
- pose.ts · examples/test-rig/
- rig.ts · examples/test-rig/
- stretch.css · examples/test-rig/
- view.ts · examples/test-rig/
- build.mjs · examples/turning-dial/
- dial.css · examples/turning-dial/
- live.js · examples/turning-dial/
- stress.mjs · examples/turning-dial/
- audit.mjs · kit/
- canvas-painter.mjs · kit/
- gl-shared.mjs · kit/
- gl.mjs · kit/
- iso-kit.mjs · kit/
- iso-kit.ts · kit/
- iso.css · kit/
- lathe.mjs · kit/
- draw.tsx · kit/react/
- live.tsx · kit/react/
- tube.mjs · kit/
- turn-audit.mjs · kit/
- turn-build.mjs · kit/
- turn-fixed.mjs · kit/
- turn.mjs · kit/
- 3d.md · references/
- craft.md · references/
- kit.md · references/
- motion.md · references/
- publish.md · references/
- react.md · references/
- verify.md · references/
- …and 14 more
SKILL.md (first lines)
# Figure Read [the complete figure workflow](WORKFLOW.md) before doing any figure work. It retains the craft floor, model-driven readouts, examples, verification and publishing approval. This skill is hidden by default. Use direct invocation to load it. A knowing skill that needs a requested mechanism illustration reads the plain workflow guide instead of invoking this hidden skill. Do not load the workflow for ordinary lessons, generic diagrams or unrelated tasks. All paths in the guide resolve from this directory, including `kit/`, `scripts/`, `examples/` and `references/`. The guide stays beside this wrapper so those paths do not move. ## Reference index Read these only when the workflow selects them, not as a blanket preload: - [Licence](LICENSE) - [Craft](references/craft.md) - [Kit](references/kit.md) - [Motion](references/motion.md) - [React](references/react.md) - [Verification](references/verify.md) - [WebGL](references/webgl.md) - [Walkthrough](references/walkthrough.md) - [3D](references/3d.md) - [Publishing](references/publish.md)
From jpenley/AITuning, MIT.
More from jpenley/AITuning
- 0.570score
understand
jpenley
Use when making sense of a body of material someone is new to (a folder of notes, papers, docs, reports, or a wiki), asking what a set of sources says, where…
SkillAFreshness: AClaude Code +9 - 0.570score
investigate
jpenley
Use when researching a question in depth, weighing evidence on a contested topic, checking whether a claim or article holds up, comparing what studies or…
SkillAFreshness: AClaude Code +9 - 0.570score
latest
jpenley
Use when catching up on what's new or interesting lately in a field, topic, technology, or research area, asking what people are working on, releasing…
SkillAFreshness: AClaude Code +9 - 0.570score
learn
jpenley
Use when someone wants to learn a subject, skill, language, or technology themselves over time, asks for a lesson, a study plan, practice questions, or a quiz…
SkillAFreshness: AClaude Code +9 - 0.570score
craft
jpenley
Use when writing or changing the markup, styles, or layout of a page, screen, or component (HTML, CSS, templates, email), or checking a page's accessibility…
SkillAFreshness: AClaude Code +9 - 0.570score
image-assets
jpenley
Use when generating or editing raster images, photos, illustrations, textures, sprites, transparent cutouts, or image assets for a project, or when imagegen…
SkillAFreshness: AClaude Code +9 - 0.565score
tutor
jpenley
Use when helping someone else learn from their own work, such as a child's homework or schoolwork in any subject (maths, science, spelling, reading) or a…
SkillAFreshness: AClaude Code +9 - 0.565score
codify
jpenley
Use when a project needs a design system, style guide, or DESIGN.md, when extracting design tokens (colours, type, spacing, radii) from an existing interface…
SkillAFreshness: AClaude Code +9 - 0.565score
compose
jpenley
Use when building a new page, screen, or component's look, restyling or redesigning an existing page or app, making a UI look better or less generic, or…
SkillAFreshness: AClaude Code +9 - 0.565score
seams-dotnet
jpenley
Use when measuring or enforcing module boundaries in a .NET or C# solution: the project reference graph between .csproj files, cycles between assemblies or…
SkillAFreshness: AClaude Code +9 - 0.565score
jev
jpenley
Use when the jev judgment tools (jev_screen, jev_verify, jev_gate, jev_classify, jev_find, and the rest) are available and you're about to read fetched text…
SkillAFreshness: AClaude Code +9 - 0.565score
animate
jpenley
Use when adding or changing animation, transitions, hover or press effects, things that open and close smoothly, scroll-triggered reveals, loading states, or…
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 20, 2026 (9 days ago)
- Last release
- Oct 17, 2026 (12 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/jpenley/AITuning
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from jpenley
- 0.570score
understand
jpenley
Use when making sense of a body of material someone is new to (a folder of notes, papers, docs, reports, or a wiki), asking what a set of sources says, where…
SkillAFreshness: AClaude Code +9 - 0.570score
craft
jpenley
Use when writing or changing the markup, styles, or layout of a page, screen, or component (HTML, CSS, templates, email), or checking a page's accessibility…
SkillAFreshness: AClaude Code +9 - 0.570score
latest
jpenley
Use when catching up on what's new or interesting lately in a field, topic, technology, or research area, asking what people are working on, releasing…
SkillAFreshness: AClaude Code +9 - 0.570score
learn
jpenley
Use when someone wants to learn a subject, skill, language, or technology themselves over time, asks for a lesson, a study plan, practice questions, or a quiz…
SkillAFreshness: AClaude Code +9 - 0.570score
investigate
jpenley
Use when researching a question in depth, weighing evidence on a contested topic, checking whether a claim or article holds up, comparing what studies or…
SkillAFreshness: AClaude Code +9 - 0.570score
image-assets
jpenley
Use when generating or editing raster images, photos, illustrations, textures, sprites, transparent cutouts, or image assets for a project, or when imagegen…
SkillAFreshness: AClaude Code +9
Cite this page
figure skill. Agent Mart. https://agentmart.dev/skills/jpenley-figure (last updated 2026-10-24)