ForkFree

Agent skills and plugins

dimensional-drawing

by enesozturk

A pair of agent skills that teach an AI coding assistant to produce a one-page technical drawing of a UI component, in the style of Apple's dimensional drawings. The sheet shows paddings, gaps, corner radii and layers, and a second skill can animate it into a short video.

New and promisingUnder two months old. Expect rough edges and fast changes.

View on GitHubProject website

Stars
1.5k +215 a day, est.
Licence
MIT
Runs on
Your computer
Setup
Easy
Language
HTML
Age
6 days

What you can do with it

  • Generate a one-page spec sheet of a card or dialog component from a code file, URL or screenshot
  • Document paddings, gaps, radii and layers using named variables rather than copy or content
  • Turn a finished drawing into a roughly 10 second MP4 film of it being drawn

Make money with it

A freelance designer could offer design-system documentation packs or short animated component showcase videos to client teams.

An idea, not financial advice. Check the licence before charging for anything built on it.

Ways a business could use it

  • Produce clear component spec sheets to hand to developers or contractors, cutting back-and-forth on design details
  • Create polished animated design-system visuals for a website, pitch or social posts without hiring a motion designer

Can you use it commercially?

Free to use, change and sell, including in paid products. Keep the copyright notice.

Not legal advice. Read the project's licence file before building a product on it.

Getting it running

Clone the repository and copy the skills folders into ~/.claude/skills, or run "npx skills add enesozturk/dimensional-drawing" for other agents.

Follow the official instructions in the project README.

Things to check

  • Needs an AI agent such as Claude, which may require a paid subscription or API access
  • Animation is tuned for Claude's Motion artifact; other animation tools are untested
  • Headless video rendering needs Node 18+ and ffmpeg

Who's talking about it

Checked 29 Oct 2026. Summary drafted by AI from the project's README.

More in Agent skills and plugins

security-audit-skill cloudflare
Worth a look

A skill for coding agents that runs a structured, multi-phase security audit of a codebase. It uses separate agents to find, challenge and verify vulnerabilities, then writes the results as machine-readable records and readable reports.

53.3k stars +1411 a day MIT
ub-mode unclebob
Check the licence

ub-mode is a skill file for AI coding agents that makes them follow strict software engineering habits, such as test-driven development, low complexity and no duplicated code. It works alongside separate checking tools that measure complexity, duplication and test strength.

5k stars +1033 a day Unclear
skills anthropics
Check the licence

This is Anthropic's public collection of example Agent Skills, which are folders of instructions and scripts that Claude loads to handle specialised tasks in a repeatable way. It covers areas such as documents, design, development and communications, and includes a template and the skills specification.

184.6k stars +231 a day Unclear