Skip to content
#3783 Overall#843 in MediaVerified SKILL.md

Anydesign

Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest reference, a mockup, a competitor's site, a component, a dashboard, a landing page. Also when they ask 'extract the design system from X', 'document the style of Y', 'analyze this visually', 'convert this image into tokens', 'help me replicate this design', 'what palette does this site use', 'how is this built'. Also for single elements: 'copy this navbar', 'recreate this illustration', 'give me a prompt to regenerate this graphic' — element mode outputs a focused element.md, with token-grounded image-model prompts when the element is visual art. If the user brings any visual source and wants to understand it at a design level — this skill should activate.

Claude CodeSKILL.md
0Total downloads
0Active installs
111Community stars
Momentum rank

Overview

What It Does

Anydesign packages a focused media & files workflow for an AI agent. Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest reference, a mockup, a competitor's site, a component, a dashboard, a landing page. Also when they ask 'extract the design system from X', 'document the style of Y', 'analyze this visually', 'convert this image into tokens', 'help me replicate this design', 'what palette does this site use', 'how is this built'. Also for single elements: 'copy this navbar', 'recreate this illustration', 'give me a prompt to regenerate this graphic' — element mode outputs a focused element.md, with token-grounded image-model prompts when the element is visual art. If the user brings any visual source and wants to understand it at a design level — this skill should activate. It is best suited to users who can review the resulting actions and provide only the accounts, files, or command access needed for the task. It is not a substitute for human approval on destructive, financial, security-sensitive, or public-facing actions.

Task ideas

Popular Use Cases

  • Create or edit a common file format
  • Extract information from uploaded files
  • Convert content into a polished deliverable
  • Automate repetitive media operations

Installation

Install this Agent Skill

Claude Code

npx skills add https://github.com/Infrasity-Labs/dev-gtm-claude-skills --skill anydesign

Commands derived from the public GitHub SKILL.md record. Checked 2026-09-02. Review the source before running them.

Before you start

Requirements

Claude CodeRequired / review
Public SKILL.md sourceRequired / review
Review instructions and requested permissions before installationRequired / review
Paid serviceCheck source
Supported systemCheck source

Popularity context

Why It’s Popular

Anydesign is a verified Agent Skill from Infrasity-Labs with a public SKILL.md, compatible with Claude Code.

Alternatives

Similar Skills