Skip to main content
返回资源库
BruceL017visual-dna-system

Visual Dna System

Extract a reusable, de-branded Visual DNA Design System from visual samples such as websites, screenshots, Figma references, images, decks,...

安装命令

复制后在本机终端执行;如未安装 tfs,先运行资源库顶部的 npm 安装命令。

$ tfs install visual-dna-system

说明

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.

写入飞书 Wiki 前强制备份、写入和验证,降低覆盖与失败风险。

详情

分析、审计和改进 AI Agent Skills,把黑箱工作流拆成可复用设计公式。

详情

'Produce original HTML visual artifacts from a Producer Handoff, Visual DNA Design System, JSON/tokens, or standalone design brief. Use for...

详情

一起来搞事情

关注我们的社交媒体,加入社群获取最新动态

微信二维码

扫码加入微信群