clonecn - shadcn/ui Theme Generator

Use this skill to create or edit assets for a shadcn/ui theme (style family like Vega or Nova, CSS variables, and extra CSS styles) either from an existing site/app, or from a general style direction (e.g. "Generate a theme resembling the Apple website", "Create a brutalist theme with orange as the accent color").

Inputs

• Screenshots of the site/app to copy
• URL of the site/app to copy (e.g. "apple.com")
• Site/app name to copy (e.g. "Apple website")
• General style direction (e.g. "brutalist website with orange as an accent color")

If the user provided a URL or site/app name:

• If you know the site/app, create a description of the style.
• Retrieve screenshots of the site/app, either through web search or using Playwright if available (see "Playwright" below). Always try to retrieve both light and dark modes.
• Retrieve computed CSS styles for key controls (button, input, card, surface, etc) using Playwright if available (see "Playwright" below).

If the user hasn't provided anything, explain to him what the possible inputs are and ask him to provide one.