Visual Dna System
Extract a reusable, de-branded Visual DNA Design System from visual samples such as websites, screenshots, Figma references, images, decks,...
Install command
Copy and run it in your terminal. Install tfs first if it is not available.
$ tfs install visual-dna-systemOverview
Extract a reusable, de-branded Visual DNA Design System from visual samples such as websites, screenshots, Figma references, images, decks, posters, app UIs, or HTML/CSS. Use when the user asks to analyze visual style, distill design DNA, create transferable visual tokens, or make a downstream prompt without copying the source. Also trigger for Chinese requests like "提取这个网站的视觉风格", "把这个 UI 抽成可复用设计系统", "分析这套海报的视觉 DNA", "生成可迁移视觉 tokens". Do NOT use for producing final websites, dashboards, decks, posters, prototypes, direct brand recreation, prompt review, or code review.
SKILL.md
SKILL.md
Related skills
Lark Safe Write
Back up, write, and verify Lark wiki changes to reduce overwrite and failed-write risk.
Skill Reverse Engineer
Analyze, audit, and improve AI agent skills by turning opaque workflows into reusable design formulas.
Visual Design Producer
'Produce original HTML visual artifacts from a Producer Handoff, Visual DNA Design System, JSON/tokens, or standalone design brief. Use for...