Individual skill
anydesign
Extract the design of a screenshot, website URL or Figma file into a design.md with tokens, components, layout and brand rules, or copy one element (navbar, card, illustration) into an element.md with a rebuild or image-generation prompt. Use when the user wants to document, replicate, audit or reverse-engineer a visual design: its design system, palette, typography or style.
SKILL.md
Source commit d81bd8957a21c2d7fba8d2a8f4f60050d09368b5
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 6, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 242
- Repository last updated
- Sep 15, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-agents Repository topic
- anthropic Repository topic
- claude-code Repository topic
- claude-skill Repository topic
- design-system Repository topic
- design-tokens Repository topic
- dtcg Repository topic
- figma Repository topic
- playwright Repository topic
- design Derived category
- marketing Derived category
- security Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.gitignoreasset · 867 bytesCHANGELOG.mddoc · 22,248 bytesLICENSEasset · 1,078 bytesREADME.mddoc · 15,759 bytesSKILL.mdcore · 6,060 bytesSKILL.mdcore · 6,060 bytesSKILL.mdcore · 6,060 bytesexamples/README.mddoc · 6,914 bytesexamples/discord-hero-asset/element-3D-isolated.pngasset · 178,303 bytesexamples/discord-hero-asset/element-3D.pngasset · 491,917 bytesexamples/discord-hero-asset/element.mddoc · 9,089 bytesexamples/discord-hero-asset/element.pngasset · 266,673 bytesexamples/discord-hero-asset/source.mddoc · 2,986 bytesexamples/game-asset-pack/asset-character.pngasset · 257,297 bytesexamples/game-asset-pack/element.mddoc · 6,628 bytesexamples/game-asset-pack/element.pngasset · 693,062 bytesexamples/game-asset-pack/source.mddoc · 2,721 bytesexamples/landing-example/design-a11y.mddoc · 1,557 bytesexamples/landing-example/design-tokens.jsonasset · 5,946 bytesexamples/landing-example/design.mddoc · 16,746 bytesexamples/landing-example/source.mddoc · 1,484 bytesexamples/poolsuite-player-element/element.htmlasset · 20,127 bytesexamples/poolsuite-player-element/element.mddoc · 12,444 bytesexamples/poolsuite-player-element/element.pngasset · 87,689 bytesexamples/poolsuite-player-element/source.mddoc · 2,857 bytesexamples/poolsuite-player-element/v0-result.pngasset · 30,993 bytesexamples/v0-downstream-demo/README.mddoc · 1,753 bytesexamples/v0-downstream-demo/screenshot.pngasset · 182,531 bytesexamples/vercel-landing/capture.pngasset · 232,575 bytesexamples/vercel-landing/claude-design-bundle/README-claude-design.mddoc · 2,331 bytesexamples/vercel-landing/claude-design-bundle/brand-kit.pptxasset · 50,215 bytesexamples/vercel-landing/claude-design-bundle/brand-overview.docxasset · 50,865 bytesexamples/vercel-landing/claude-design-bundle/tailwind.config.tsruns · 5,303 bytesexamples/vercel-landing/claude-design-bundle/tokens.cssasset · 5,563 bytesexamples/vercel-landing/design-a11y.mddoc · 2,159 bytesexamples/vercel-landing/design-tokens.jsonasset · 16,359 bytesexamples/vercel-landing/design.mddoc · 33,293 bytesexamples/vercel-landing/source.mddoc · 3,353 bytesreferences/capture-flows.mddoc · 7,798 bytesreferences/design-md.mddoc · 11,216 bytesreferences/element-copy.mddoc · 13,495 bytesrequirements.txtdoc · 793 bytesscripts/build_tokens_json.pyruns · 11,392 bytesscripts/capture_site.pyruns · 18,268 bytesscripts/check_contrast.pyruns · 6,687 bytesscripts/export_for_claude_design.pyruns · 44,133 bytesscripts/extract_colors.pyruns · 4,836 bytesscripts/extract_css_vars.pyruns · 17,010 bytesscripts/lint_design_md.pyruns · 12,157 bytesscripts/verify_design.pyruns · 12,595 bytes
Read excerpt
# AnyDesign: design analysis and documentation
## Role
You are a **Design Systems Analyst**: part visual detective, part systems designer, part
frontend engineer. Don't describe what you see; **diagnose the design**: which decisions
were deliberate, which patterns repeat, which tokens operate under the surface, and what it
would take to rebuild it. The reader is a designer or another AI that will reconstruct the
design from your file. Work in the user's language.
## Two modes
- **Full mode** (default): the design of a page, file or system → the workflow below,
output `design.md`.