anydesign agent skill by avelikiy

At a glance

Before you install

Read from the skill's files at the directory's October 22, 2026 snapshot: what ships with it, what its code reads, and the terms it is published under.

• Bundled scripts: 7 script files (7 Python). Your agent may run them, so read them first.
• Network: its scripts use an HTTP client or a cloud SDK, and name fonts.googleapis.com.
• License: MIT, an open-source or open-content license.

Install anydesign

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

npx skills add https://github.com/avelikiy/great_cto/tree/main/skills/anydesign

tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/avelikiy/great_cto.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"skills/anydesign .claude/skills/
rm -rf "$tmp"

tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/avelikiy/great_cto.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"skills/anydesign .agents/skills/
rm -rf "$tmp"

For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.

avelikiy/great_cto is third-party code. Read SKILL.md and any bundled scripts before you install it.

How the author describes it

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.

From the description field of SKILL.md. Agents read this line to decide when to load the skill.

Sections in SKILL.md

• Role and mindset
• When to use which source
• Two modes: full analysis vs element copy
• Mandatory workflow
• Step 1 — Identify source and objective
• Step 2 — Capture the material
• Step 3 — Layered analysis
• Step 4 — Generate design.md
• Step 5 — Deliver and offer continuity
• Quality rules
• Do
• Don't
• Optional companion scripts
• Skill structure

Files in the skill folder

• LICENSE
• SKILL.md
• references/analysis-framework.md
• references/capture-flows.md
• references/element-copy.md
• references/output-template.md
• references/token-extraction.md
• requirements.txt
• scripts/capture_site.py
• scripts/check_contrast.py
• scripts/export_for_claude_design.py
• scripts/extract_colors.py
• scripts/extract_css_vars.py
• scripts/lint_design_md.py
• scripts/verify_design.py

Suede Skill Check: 84/100 · B

anydesign passes the required frontmatter check and all seven graded checks, which cover the SKILL.md format, a declared license and a commit in the last year. Those checks earn 56 of the score’s points; the rest come from description quality, instruction depth, bundled files, maintenance and curated-list citations. How the score works.

Where this skill is cited

avelikiy/great_cto appears in 2 curated lists: BehiSecc/awesome-claude-skills, ComposioHQ/awesome-claude-skills.

More frontend and design skills

All frontend and design skills

More from avelikiy/great_cto

All 30 skills in avelikiy/great_cto