From Yanis Schweizer@yanis.himself Free Claude skill Design System Interviewer
Why does every screen your AI builds look slightly different? Nobody decided the rules. This skill interviews you, shows you one screen of your app, and turns it into a full design system.
How to use it
-
Download and unzip it.
-
Claude Code: drop the folder into
.claude/skills/and type/design-system-interviewer. Any other AI chat: paste in the contents of SKILL.md. -
Answer the questions: platforms, look, colours, fonts, corners. Say “you pick” on anything you don’t care about.
-
It builds a preview of one screen of your real app. Tweak it until you love it.
-
You get the full system: a rulebook, a live visual reference page, and tokens ready to drop into your code.
Styles it can do
Works with
iOSAndroidWebMacWindows
SwiftUIFlutterReact NativeKotlin/ComposeReact/Next.jsVueSvelteElectronTauri
Every future screen follows the same rules, because Claude reads them before it builds.
Made by Yanis Schweizer, @yanis.himself
Want more like this?
I post what I build and how I build it with AI, plus more free stuff like this.