Creative Design & Branding

Design DNA

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".

Publisher / source
zanwei/design-dna (found on GitHub top repositories)
Upstream record
zanwei/design-dna
Version
Version 1
Published
Publication review
Approved for publication
Content fingerprint
e3f85b80b964bf0e124f14df9ce0369eaabca85b10cfd7c42f136686eb522d2f