Generate UI replication and brand adaptation plans from a reference website URL.
npx skills add https://github.com/jscraik/Agent-Skills --skill ui-cloner-jscraik
Please help me install this Agent Skill. Skill: ui-cloner Source: https://github.com/jscraik/Agent-Skills/tree/main/frontend/tools/ui-cloner Command: npx skills add https://github.com/jscraik/Agent-Skills --skill ui-cloner-jscraik
This Skill helps users replicate the visual design and structure of existing websites, adapting them to new brand guidelines or requirements. It bridges the gap between inspiration and implementation.
Use the ui-cloner skill to create a replication plan for the website at https://example.com, adapting it to our brand colors.
High-intent search queries and answers about installing and using this skill.
Website UI replication extracts a reference site's visual design system and generates a structured implementation plan for adapting its layout, components, and design tokens to your brand identity. It produces artifacts like site DNA and adaptation maps to guide the recreation process.
A site DNA artifact in UI cloning is a structured extraction of a reference website's visual system, including layout patterns, components, and design tokens. You need it when planning high-fidelity replication or brand adaptation to map the source structure accurately.
Yes, you can perform a fast inspiration scan instead of a full website replication by selecting the fast inspiration mode to quickly extract high-level visual system guidance. This allows you to capture the structural feel of a site without generating a detailed high-fidelity cloning plan.
UI replication works with large site structures by delegating raw crawl orchestration to handle complex page layouts and extensive site navigation. This ensures visual system extraction and replication planning scale beyond single pages to accurately map entire website architectures.
The best way to adapt a competitor's UI design system to your brand colors is to generate an adaptation map from their reference URL, which translates their extracted visual tokens and typography into a customized implementation plan matching your specific brand identity requirements.
Automated UI cloning for website audits focuses on visual system extraction and structural replication planning, meaning it does not generate deployable code or replicate backend functionality. It is limited to producing implementation guidance artifacts like design tokens, site DNA, and adaptation maps.
SoufianouassifGenerate three brand directions with color palettes, typography, and SVG logos.
marchattonTransform design tokens into Tailwind CSS variables and presets.
mrfeltonRun six Python scripts to diagnose broken links, orphans, and frontmatter in Ideaverse vaults.
yonetim258852Extract design tokens from live websites using Dembrandt.
