Design system & build prompt
Build an app like this
Every kit starts from data in the real app: named colours from its asset catalogs, bundled fonts, intents, extensions and SDKs, plus a read of its App Store screenshots. Copy the prompt into your AI coding tool and ship your own app with the same feel, under your own brand.
Build an app like ChatGPT
7 colour roles, 337 named colours, 5 components, 12 screens, 8 features.
System font (SF Pro) · single-screen chat with inline image display and bottom input bar
Build an app like Claude
7 colour roles, 1 named colours, 8 components, 12 screens, 8 features.
Fonts: Anthropic Sans (proprietary), Anthropic Serif (proprietary), JetBrains Mono · single-screen chat with modal overlays
Build an app like Gemini
8 colour roles, 96 named colours, 7 components, 6 screens, 9 features.
Fonts: Google Sans (proprietary), Google Sans Code, Google Sans Flex · single-screen chat with modal inputs and bottom action bars
Build an app like Grok
4 colour roles, 6 named colours, 8 components, 5 screens, 8 features.
System font (SF Pro) · top tab bar with single-screen chat interface
Kits are for inspiration and learning. Each prompt tells your AI tool to use its own name, logo and assets and not to copy trademarks, logos, screenshots or proprietary fonts. App names are trademarks of their owners; Tech Dev Notes is not affiliated with them.