ui-cloner-synthesis

Synthesize design artifacts and brand interviews into a developer prompt.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/akornmeier/clawd-config --skill ui-cloner-synthesis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-cloner-synthesis
Source: https://github.com/akornmeier/clawd-config/tree/main/skills/ui-cloner-synthesis
Command: npx skills add https://github.com/akornmeier/clawd-config --skill ui-cloner-synthesis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the generation of a final, detailed replication prompt for website development, synthesizing all collected design information into a developer-ready format.

Core Features & Use Cases

  • Prompt Synthesis: Applies 11 specific rules to combine Site DNA and brand interview answers into a single, executable prompt.
  • High-Fidelity Mode: Embeds structured artifacts directly for precise replication.
  • Standard Mode: Uses pseudocode for broader compatibility.
  • Use Case: After gathering all design assets and user preferences for a new website, use this Skill to create the exact prompt needed for an AI developer to build the site accurately.

Quick Start

Use the ui-cloner-synthesis skill to generate the replication prompt for the current project.

Frequently Asked Questions about ui-cloner-synthesis

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a developer prompt for AI code generation from website design artifacts?▼

To generate a developer prompt for AI code generation, you synthesize collected website design artifacts and brand interview responses into a comprehensive, one-shot prompt. This process applies 11 distinct synthesis rules to embed structured data and specify component behavior for accurate website replication.

What is prompt synthesis for website replication?▼

Prompt synthesis for website replication is the process of combining Site DNA and brand interview answers into a single, executable prompt. It ensures the resulting AI-generated code adheres to aesthetic identity, design systems, component naming conventions, and technical requirements.

How do I create a one-shot replication prompt using structured design data?▼

You create a one-shot replication prompt by feeding structured design artifacts and user preferences into a synthesis engine. It applies specific rules to produce a developer-ready format that embeds high-fidelity data directly for precise replication.

Does the prompt synthesis support pseudocode for component behavior specifications?▼

Yes, prompt synthesis supports pseudocode for component behavior specifications through its Standard Mode. This mode uses pseudocode-level specifications instead of high-fidelity embedded data to ensure broader compatibility with various AI code generation workflows.

What is the best way to ensure AI generated code matches my design system identity?▼

The best way to ensure AI generated code matches your design system identity is to synthesize all design assets and brand responses into a detailed replication prompt. This guarantees adherence to aesthetic identity, design systems, and naming conventions.

When should I use high-fidelity mode over standard mode for UI generation prompts?▼

You should use high-fidelity mode for UI generation prompts when you need precise replication through directly embedding structured artifacts. Use standard mode when you need broader compatibility via pseudocode-level specifications for component behavior.