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.