{"id":"7a736645-8325-4d14-8bdd-53e6ed937a02","shortId":"dzBwdj","kind":"skill","title":"lovstudio:visual-clone","tagline":"Analyze a reference design image and extract visual DNA — layout, style, color palette, texture, typography, copy tone, spacing, etc. — into a structured, reusable replication prompt that can be applied to new scenarios. Trigger when: user provides a reference image and asks to \"","description":"# visual-clone — Design DNA Extractor\n\nGiven a reference design image, systematically extract every visual element and output\na structured replication prompt that can be used to recreate the style in a different context.\n\n## When to Use\n\n- User provides a design image (poster, card, banner, UI screenshot, social media graphic) and wants to replicate the style\n- User wants to understand the visual language of a reference and apply it elsewhere\n- User needs a structured design brief derived from an existing piece\n\n## Workflow (MANDATORY)\n\n**You MUST follow these steps in order:**\n\n### Step 1: Receive the Reference Image\n\nRead the image the user provides. If no image is given, use `AskUserQuestion` to ask them to provide one.\n\n### Step 2: Ask Context\n\n**Use `AskUserQuestion` to collect before analysis:**\n\nAsk the user (single question):\n- \"你想把这个风格复刻到什么场景？（例如：另一张海报、社交媒体图、名片、PPT 封面、AI 生图 prompt……）如果还没想好也可以先提取，之后再套用。\"\n\n### Step 3: Analyze — Extract Design DNA\n\nExamine the image and extract ALL of the following dimensions. Be specific, not vague.\nUse concrete values (hex colors, approximate sizes, named fonts) wherever possible.\n\nOutput a structured Markdown document titled **\"Design DNA\"** with these sections:\n\n#### 3.1 Layout / 布局\n- Overall composition (grid, centered, asymmetric, layered, etc.)\n- Content zones and their spatial relationships\n- Alignment patterns, margins, padding estimates\n- Visual hierarchy: what draws the eye first → second → third\n- Aspect ratio\n\n#### 3.2 Color Palette / 色彩\n- Primary color(s) with hex values\n- Secondary / accent colors with hex values\n- Background color(s) / gradient description\n- Color ratio (approximate % of each color in the composition)\n- Color mood: warm / cool / neutral / contrasting\n\n#### 3.3 Typography / 字体\n- Headline font style (serif, sans-serif, script, display — name if recognizable)\n- Body text font style\n- Font weight / size hierarchy\n- Letter-spacing, line-height feel (tight / normal / loose)\n- Text color(s) and any text effects (shadow, outline, gradient fill)\n\n#### 3.4 Visual Style / 视觉风格\n- Design era / movement (e.g., Swiss modernism, Y2K, Japanese minimalism, brutalism)\n- Illustration style if present (flat, 3D, hand-drawn, photographic, collage)\n- Shape language (geometric, organic, angular, rounded)\n- Border / divider treatment\n- Icon style if present\n\n#### 3.5 Texture & Material / 质感\n- Surface feel (matte, glossy, paper grain, noise, fabric, metallic)\n- Overlay effects (grain, halftone, blur, duotone)\n- Shadow style (none, soft, hard, long, colored)\n- Depth / dimensionality (flat, layered, 3D)\n\n#### 3.6 Imagery / 图像处理\n- Photo treatment (if any): filter, crop style, masking, blend mode\n- Illustration integration method\n- Decorative elements (patterns, stickers, stamps, badges)\n\n#### 3.7 Copy & Tone / 文案风格\n- Headline tone (formal, playful, poetic, provocative, minimal)\n- Information density (sparse / moderate / dense)\n- Language register and word choice style\n- CTA style if present\n\n#### 3.8 Spacing & Rhythm / 间距与节奏\n- Overall density (airy / balanced / compact)\n- White space usage pattern\n- Repetition / rhythm of elements\n- Breathing room between sections\n\n### Step 4: Generate Replication Prompt\n\nBased on the extracted DNA, generate **a single, self-contained replication prompt** in this format:\n\n```markdown\n## Replication Prompt / 复刻指令\n\n### Visual Brief\n[1-2 sentence summary of the overall visual identity]\n\n### Specifications\n- **Layout**: [composition description]\n- **Color palette**: [hex values with roles]\n- **Typography**: [font styles, hierarchy]\n- **Style**: [era, mood, shape language]\n- **Texture**: [material feel, effects]\n- **Imagery**: [photo/illustration treatment]\n- **Spacing**: [density, rhythm]\n- **Copy tone**: [voice, register]\n\n### When Applying to [user's target scenario]\n[Specific adaptation notes for the user's stated scenario.\n What to keep exactly, what to adjust, what to substitute.]\n\n### AI Image Generation Version (English)\n[If applicable: a condensed English prompt optimized for\n Midjourney / DALL-E / Flux / Stable Diffusion style,\n under 200 words, focusing on visual descriptors]\n```\n\n### Step 5: Deliver\n\nOutput the full Design DNA analysis + Replication Prompt as a single Markdown document.\n\nIf the user specified a target scenario in Step 2, include concrete adaptation guidance.\nIf they said \"先提取\", skip the adaptation section and note they can come back to apply it later.\n\n## Output Rules\n\n- Color values MUST include hex codes, not just names\n- Font identification: name the font if recognizable, otherwise describe the style precisely\n- All section headers in **中英双语** format\n- Technical terms in English, descriptions in Chinese\n- Be specific over generic: \"12px letter-spacing, tight leading\" > \"modern typography\"\n- The Replication Prompt should be **copy-pasteable** as a standalone brief\n\n## No Scripts Needed\n\nThis skill is pure visual analysis. No Python scripts, no CLI tools.","tags":["visual","clone","skills","lovstudio","agent-skills","ai-coding-assistant","cjk","claude-code","cursor","gemini-cli","markdown-to-docx","markdown-to-pdf"],"capabilities":["skill","source-lovstudio","skill-visual-clone","topic-agent-skills","topic-ai-coding-assistant","topic-cjk","topic-claude-code","topic-cursor","topic-gemini-cli","topic-markdown-to-docx","topic-markdown-to-pdf"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/lovstudio/skills/visual-clone","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add lovstudio/skills","source_repo":"https://github.com/lovstudio/skills","install_from":"skills.sh"}},"qualityScore":"0.470","qualityRationale":"deterministic score 0.47 from registry signals: · indexed on github topic:agent-skills · 40 github stars · SKILL.md body (4,948 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:35.184Z","embedding":null,"createdAt":"2026-04-18T22:19:10.708Z","updatedAt":"2026-04-22T00:56:35.184Z","lastSeenAt":"2026-04-22T00:56:35.184Z","tsv":"'-2':509 '1':138,508 '12px':692 '2':163,629 '200':598 '3':190 '3.1':231 '3.2':263 '3.3':299 '3.4':343 '3.5':381 '3.6':412 '3.7':434 '3.8':460 '3d':362,411 '4':482 '5':605 'accent':274 'adapt':558,632,640 'adjust':572 'ai':184,576 'airi':466 'align':247 'analysi':171,612,720 'analyz':5,191 'angular':372 'appli':33,114,551,649 'applic':582 'approxim':214,286 'ask':45,157,164,172 'askuserquest':155,167 'aspect':261 'asymmetr':238 'back':647 'background':279 'badg':433 'balanc':467 'banner':91 'base':486 'blend':423 'blur':398 'bodi':314 'border':374 'breath':477 'brief':122,507,711 'brutal':356 'card':90 'center':237 'chines':687 'choic':454 'cli':725 'clone':4,49 'code':659 'collag':367 'collect':169 'color':16,213,264,268,275,280,284,289,293,333,406,521,654 'come':646 'compact':468 'composit':235,292,519 'concret':210,631 'condens':584 'contain':496 'content':241 'context':80,165 'contrast':298 'cool':296 'copi':20,435,546,706 'copy-past':705 'crop':420 'cta':456 'dall':591 'dall-':590 'decor':428 'deliv':606 'dens':449 'densiti':446,465,544 'depth':407 'deriv':123 'describ':671 'descript':283,520,685 'descriptor':603 'design':8,50,56,87,121,193,226,347,610 'differ':79 'diffus':595 'dimens':204 'dimension':408 'display':310 'divid':375 'dna':13,51,194,227,490,611 'document':224,619 'draw':255 'drawn':365 'duoton':399 'e':592 'e.g':350 'effect':338,395,539 'element':62,429,476 'elsewher':116 'english':580,585,684 'era':348,532 'estim':251 'etc':23,240 'everi':60 'exact':569 'examin':195 'exist':126 'extract':11,59,192,199,489 'extractor':52 'eye':257 'fabric':392 'feel':328,386,538 'fill':342 'filter':419 'first':258 'flat':361,409 'flux':593 'focus':600 'follow':132,203 'font':217,303,316,318,528,663,667 'formal':440 'format':501,680 'full':609 'generat':483,491,578 'generic':691 'geometr':370 'given':53,153 'glossi':388 'gradient':282,341 'grain':390,396 'graphic':96 'grid':236 'guidanc':633 'halfton':397 'hand':364 'hand-drawn':363 'hard':404 'header':677 'headlin':302,438 'height':327 'hex':212,271,277,523,658 'hierarchi':253,321,530 'icon':377 'ident':516 'identif':664 'illustr':357,425 'imag':9,43,57,88,142,145,151,197,577 'imageri':413,540 'includ':630,657 'inform':445 'integr':426 'japanes':354 'keep':568 'languag':109,369,450,535 'later':651 'layer':239,410 'layout':14,232,518 'lead':697 'letter':323,694 'letter-spac':322,693 'line':326 'line-height':325 'long':405 'loos':331 'lovstudio':1 'mandatori':129 'margin':249 'markdown':223,502,618 'mask':422 'materi':383,537 'matt':387 'media':95 'metal':393 'method':427 'midjourney':589 'minim':355,444 'mode':424 'moder':448 'modern':352,698 'mood':294,533 'movement':349 'must':131,656 'name':216,311,662,665 'need':118,714 'neutral':297 'new':35 'nois':391 'none':402 'normal':330 'note':559,643 'one':161 'optim':587 'order':136 'organ':371 'otherwis':670 'outlin':340 'output':64,220,607,652 'overal':234,464,514 'overlay':394 'pad':250 'palett':17,265,522 'paper':389 'pasteabl':707 'pattern':248,430,472 'photo':415 'photo/illustration':541 'photograph':366 'piec':127 'play':441 'poetic':442 'possibl':219 'poster':89 'ppt':182 'precis':674 'present':360,380,459 'primari':267 'prompt':29,68,186,485,498,504,586,614,702 'provid':40,85,148,160 'provoc':443 'pure':718 'python':722 'question':176 'ratio':262,285 'read':143 'receiv':139 'recogniz':313,669 'recreat':74 'refer':7,42,55,112,141 'regist':451,549 'relationship':246 'repetit':473 'replic':28,67,100,484,497,503,613,701 'reusabl':27 'rhythm':462,474,545 'role':526 'room':478 'round':373 'rule':653 'said':636 'san':307 'sans-serif':306 'scenario':36,556,565,626 'screenshot':93 'script':309,713,723 'second':259 'secondari':273 'section':230,480,641,676 'self':495 'self-contain':494 'sentenc':510 'serif':305,308 'shadow':339,400 'shape':368,534 'singl':175,493,617 'size':215,320 'skill':716 'skill-visual-clone' 'skip':638 'social':94 'soft':403 'source-lovstudio' 'space':22,324,461,470,543,695 'spars':447 'spatial':245 'specif':206,517,557,689 'specifi':623 'stabl':594 'stamp':432 'standalon':710 'state':564 'step':134,137,162,189,481,604,628 'sticker':431 'structur':26,66,120,222 'style':15,76,102,304,317,345,358,378,401,421,455,457,529,531,596,673 'substitut':575 'summari':511 'surfac':385 'swiss':351 'systemat':58 'target':555,625 'technic':681 'term':682 'text':315,332,337 'textur':18,382,536 'third':260 'tight':329,696 'titl':225 'tone':21,436,439,547 'tool':726 'topic-agent-skills' 'topic-ai-coding-assistant' 'topic-cjk' 'topic-claude-code' 'topic-cursor' 'topic-gemini-cli' 'topic-markdown-to-docx' 'topic-markdown-to-pdf' 'treatment':376,416,542 'trigger':37 'typographi':19,300,527,699 'ui':92 'understand':106 'usag':471 'use':72,83,154,166,209 'user':39,84,103,117,147,174,553,562,622 'vagu':208 'valu':211,272,278,524,655 'version':579 'visual':3,12,48,61,108,252,344,506,515,602,719 'visual-clon':2,47 'voic':548 'want':98,104 'warm':295 'weight':319 'wherev':218 'white':469 'word':453,599 'workflow':128 'y2k':353 'zone':242 '中英双语':679 '之后再套用':188 '你想把这个风格复刻到什么场景':177 '例如':178 '先提取':637 '另一张海报':179 '名片':181 '图像处理':414 '复刻指令':505 '如果还没想好也可以先提取':187 '字体':301 '封面':183 '布局':233 '文案风格':437 '生图':185 '社交媒体图':180 '色彩':266 '视觉风格':346 '质感':384 '间距与节奏':463","prices":[{"id":"68a17e04-5c77-4398-ab52-4bf9b76b12ed","listingId":"7a736645-8325-4d14-8bdd-53e6ed937a02","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"lovstudio","category":"skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:19:10.708Z"}],"sources":[{"listingId":"7a736645-8325-4d14-8bdd-53e6ed937a02","source":"github","sourceId":"lovstudio/skills/visual-clone","sourceUrl":"https://github.com/lovstudio/skills/tree/main/skills/visual-clone","isPrimary":false,"firstSeenAt":"2026-04-18T22:19:10.708Z","lastSeenAt":"2026-04-22T00:56:35.184Z"}],"details":{"listingId":"7a736645-8325-4d14-8bdd-53e6ed937a02","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"lovstudio","slug":"visual-clone","github":{"repo":"lovstudio/skills","stars":40,"topics":["agent-skills","ai-coding-assistant","cjk","claude-code","cursor","gemini-cli","markdown-to-docx","markdown-to-pdf"],"license":"mit","html_url":"https://github.com/lovstudio/skills","pushed_at":"2026-04-21T15:57:51Z","description":"Agent skills for AI coding assistants — Markdown to PDF/DOCX with 14 themes, CJK support","skill_md_sha":"1d53e6c50f70db1dfdee3731dcfff8a27a891b20","skill_md_path":"skills/visual-clone/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/lovstudio/skills/tree/main/skills/visual-clone"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"lovstudio:visual-clone","license":"MIT","description":"Analyze a reference design image and extract visual DNA — layout, style, color palette, texture, typography, copy tone, spacing, etc. — into a structured, reusable replication prompt that can be applied to new scenarios. Trigger when: user provides a reference image and asks to \"extract style\", \"replicate this\", \"clone this design\", \"analyze this visual\", \"generate a replication prompt\", \"提取设计要素\", \"复刻这个风格\", \"分析这张图\", \"视觉克隆\".","compatibility":"No dependencies. Pure AI visual analysis — requires a model with vision capability."},"skills_sh_url":"https://skills.sh/lovstudio/skills/visual-clone"},"updatedAt":"2026-04-22T00:56:35.184Z"}}