디자인 Mirror
원문: design-mirror
Replicate the visual style of any website and apply it to your existing codebase. Use this skill whenever the user wants to match a site's design, mirror a UI aesthetic, make their app look like another site, or replicate a specific visual style from a URL. Trigger on phrases lik
무엇을 하나요
Design Mirror Capture the visual design language of any website and apply it to your existing codebase — colors, typography, spacing, layout rhythm, component shapes, and overall aesthetic — all extracted live via Bright Data's Web Unlocker. What This Skill Does 1. Capture — Screenshot + HTML scrape the inspiration site via Bright Data 2. Extract — Identify the full design system: colors, fonts, spacing scale, border radii, shadows, component patterns 3. Analyze — Study the screenshot visually and the CSS structurally to understand the design language 4. Apply — Translate that design system into the user's existing codebase (their framework, their components) You are not copying content or f…
실행 시 본인 API 키(BYOK)로 동작하며, 모델 비용은 사용자 계정에서 직접 결제됩니다.