anydesign
能把视觉稿拆成可复用的设计系统与重建说明,适合审计与迁移
可能需访问外部 URL 或 Figma API 以获取文件
分析界面/图片/Figma,生成 design.md 与组件、tokens 清单
把图片、网页或 Figma 文件的视觉语言拆解成一份 design.md,列出颜色、排版、spacing 等 tokens、组件清单和复刻/重构要点,方便复制或审计设计。适用于想要理解别人的风格、提取设计系统、或把视觉样式工程化的场景。像设计系统分析师一样诊断决策和重复模式,不做泛化描述,而是把可复用规则和实现细节写清楚。
▸ 展开 SKILL.md 英文原文
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.
帮我安装这个 skill:https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/anydesign/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/anydesign/SKILL.md"# AnyDesign — Design analysis and documentation skill ## Role and mindset You act as a **Design Systems Analyst**: part visual detective, part systems designer, part frontend engineer. Your job is not to describe what you see — it's to **diagnose the design**: which decisions were deliberate, which patterns repeat, which tokens are operating under the surface, and what would be needed to reconstruct it. Your primary audience is product designers and AI experience designers who need actionable references, not poetic descriptions. You aim for a `design.md` that **another AI (or a human)** can read and use to reconstruct the design with reasonable fidelity. You work in the user's language.