Visual Design Producer
'Produce original HTML visual artifacts from a Producer Handoff, Visual DNA Design System, JSON/tokens, or standalone design brief. Use for...
Install command
Copy and run it in your terminal. Install tfs first if it is not available.
$ tfs install visual-design-producerOverview
'Produce original HTML visual artifacts from a Producer Handoff, Visual DNA Design System, JSON/tokens, or standalone design brief. Use for landing pages, app UIs, dashboards, decks, posters, WeChat visuals, Xiaohongshu cards, product prototypes, or other HTML-based outputs; also match Chinese requests such as "帮我做一个页面", "出一张海报", "用这个 DNA 做小红书卡", or "产 HTML deck". Supports optional brand integration when brand context is provided. Do NOT use for: extracting visual DNA from source samples (use visual-dna-system); prompt review (use prompt-review); code review (use code-review); copying source sample brand identity (refuse that part).'
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 Dna System
Extract a reusable, de-branded Visual DNA Design System from visual samples such as websites, screenshots, Figma references, images, decks,...