Extract design systems from images, websites, and Figma files into Markdown and JSON specifications.
npx skills add https://github.com/uxKero/anydesign --skill anydesign-uxkero
Please help me install this Agent Skill. Skill: anydesign Source: https://github.com/uxKero/anydesign/tree/main Command: npx skills add https://github.com/uxKero/anydesign --skill anydesign-uxkero
The Skill analyzes visual inputs like images, websites, and Figma files to extract design components, create structured specifications, and enable design replication or audit.
design.md and design-tokens.json files.element.md with code or image prompts.Use the anydesign skill to analyze the design system of a website by providing the URL.
High-intent search queries and answers about installing and using this skill.
To extract a design system from a website or Figma file, provide the URL to initiate a 6-layer analysis. It processes identity, system, components, layout, reconstruction, and brand rules to generate structured design specifications in Markdown and JSON.
Design tokens output in JSON format conforming to the W3C Design Tokens Community Group (DTCG) standard. The visual analysis also produces a Markdown file detailing the extracted design components and brand rules.
Yes, you need Python and Playwright installed to capture and analyze website design. These dependencies are required to automate browser interactions, extract visual inputs, and process local images or Figma links effectively for system extraction.
Yes, you can analyze a single visual element using element mode. This mode focuses on individual components and generates a specific Markdown file containing code or image prompts for targeted design replication and reconstruction.
The best way to audit website design components is performing a full 6-layer analysis. This extracts identity, layout, and brand rules into Markdown and JSON files, enabling structured design replication and comprehensive visual audits.
Victory-HugoConvert PDF, DOCX, PPTX, XLSX, and other documents to Markdown.
srivtxCreate and manage DESIGN.md files with WCAG token validation and Tailwind CSS export.
avelikiyExtract design systems from images, websites, and Figma files into documentation.
VitorAndTxrExtract Figma design data via REST API into structured JSON reports.