anydesign
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes.
Skill by leonardoacosta
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/leonardoacosta-anydesign
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: documents, design, frontend, data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
anydesign- Description
- 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.
- License
- unknown
- Instructions
- 241 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (17)
- CHANGELOG.md
- LICENSE
- README.md
- SKILL.md
- analysis-framework.md · references/
- capture-flows.md · references/
- element-copy.md · references/
- output-template.md · references/
- token-extraction.md · references/
- requirements.txt
- 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 · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from leonardoacosta/agents
- 0.565score
agentmail
leonardoacosta
Build with the AgentMail TypeScript or Python SDK for inbox, message, thread, draft, attachment, domain, allow/block list, pod, webhook, and WebSocket…
SkillAFreshness: AClaude Code +9 - 0.559score
9router
leonardoacosta
Entry point for 9Router — local/remote AI gateway with OpenAI-compatible REST for chat, image, TTS, embeddings, web search, web fetch.
SkillAFreshness: AClaude Code +9 - 0.556score
agent-browser-policy
leonardoacosta
Apply consent, secret-safe authorized login, session ownership, profile, CDP, and harness-versus-CLI boundaries whenever agent-browser is used, including…
SkillAFreshness: AClaude Code +9 - 0.529score
ascii-wireframe
leonardoacosta
Author UI wireframes as Unicode box-drawing TEXT (┌─┐│└┘) that embeds directly into proposal.md, tasks.md, beads issues, and PR/issue bodies — the corpus's…
SkillBFreshness: BClaude Code +9 - 0.524score
agent-tooling
leonardoacosta
Choosing among agent tooling surfaces — when to add an MCP server vs use a CLI/WebFetch, when to render a diagram with Mermaid vs another approach, and when a…
SkillBFreshness: BClaude Code +9 - 0.524score
adversarial-code-review
leonardoacosta
Use when independently reviewing working-tree changes, staged changes, commits, or pull requests before merge, especially AI-generated code, large or…
SkillBFreshness: BClaude Code +9 - 0.524score
agent-architecture
leonardoacosta
Design AI agent architectures with orchestrator patterns, agent composition, tool selection, context management, and multi-agent coordination.
SkillBFreshness: BClaude Code +9 - 0.524score
autoresearch-loop
leonardoacosta
Optimize one bounded instruction or reference atom against a frozen evaluation suite with an auditable KEEP/REVERT ratchet.
SkillBFreshness: BClaude Code +9 - 0.521score
apply
leonardoacosta
Execute one approved feature or an ordered feature queue through implementation, verification, recovery, and truthful closeout while preserving repository…
SkillBFreshness: BClaude Code +9 - 0.520score
animejs
leonardoacosta
anime.js v4 usage patterns — imperative JS animation timelines, SVG line drawing, stagger grids, and text effects (scrambleText, splitText).
SkillBFreshness: BClaude Code +9 - 0.519score
app-service-worker-observability
leonardoacosta
Establish and review the Azure App Service observability baseline for .NET worker, WebJob, background-service, or ASP.NET Core deployments.
SkillBFreshness: BClaude Code +9 - 0.519score
agent-instruction-pairing
leonardoacosta
Set up and maintain paired CLAUDE.md and AGENTS.md files for cross-runner agent-instruction parity across repo roots and nested packages.
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 19, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/leonardoacosta/agents
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.508score
anydesign
Infrasity-Labs
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes.
SkillCFreshness: C★ 144Claude Code +9 - 0.408score
anydesign
avelikiy
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes.
SkillAFreshness: A★ 105Claude Code +9
More from leonardoacosta
- 0.565score
agentmail
leonardoacosta
Build with the AgentMail TypeScript or Python SDK for inbox, message, thread, draft, attachment, domain, allow/block list, pod, webhook, and WebSocket…
SkillAFreshness: AClaude Code +9 - 0.559score
9router
leonardoacosta
Entry point for 9Router — local/remote AI gateway with OpenAI-compatible REST for chat, image, TTS, embeddings, web search, web fetch.
SkillAFreshness: AClaude Code +9 - 0.556score
agent-browser-policy
leonardoacosta
Apply consent, secret-safe authorized login, session ownership, profile, CDP, and harness-versus-CLI boundaries whenever agent-browser is used, including…
SkillAFreshness: AClaude Code +9 - 0.529score
ascii-wireframe
leonardoacosta
Author UI wireframes as Unicode box-drawing TEXT (┌─┐│└┘) that embeds directly into proposal.md, tasks.md, beads issues, and PR/issue bodies — the corpus's…
SkillBFreshness: BClaude Code +9 - 0.524score
adversarial-code-review
leonardoacosta
Use when independently reviewing working-tree changes, staged changes, commits, or pull requests before merge, especially AI-generated code, large or…
SkillBFreshness: BClaude Code +9 - 0.524score
agent-architecture
leonardoacosta
Design AI agent architectures with orchestrator patterns, agent composition, tool selection, context management, and multi-agent coordination.
SkillBFreshness: BClaude Code +9
Cite this page
anydesign skill. Agent Mart. https://agentmart.dev/skills/leonardoacosta-anydesign (last updated 2026-10-24)