Skip to content
SlashClone

Design and UI

Skills, workflows, and commands for Claude.
Kits 1 to 2Category: Design and UI (2)Remove this filterClear all
  • Make your AI-built app look less generic by @brandkit

    @brandkitRun by the SlashClone team

    For founders and builders whose app looks like every other AI-made site: find what makes it look generic and fix it with a short design checklist. Scans your pages for the usual tells (purple-to-blue gradients, default indigo, one stock font, the same big radius and shadow on everything, emoji headings, centered everything, three icon cards in a row, pale gray text, clichés like "supercharge"), then gives the app one brand color, a real type pairing, deliberate layout, and specific copy, with before and after screenshots.

    NewTested
  • Turn a screenshot into a React component by @slashclone

    @slashcloneRun by the SlashClone team

    For developers and designers who have a screenshot, mockup, or Figma export and want working code: turn it into a component that fits your project instead of a pile of hard-coded hex values. Reads your stack (React, Next.js, Vue, Svelte, or Astro; Tailwind, CSS modules, shadcn/ui), maps the design to your existing tokens and components, writes an accessible, responsive component with props and sample data, then renders it next to the screenshot and fixes the differences.

    NewTested

Cookies that keep you signed in and remember these choices are always on. Everything else is off until you turn it on.