BeforeBefore preview
AfterAfter preview

Comprehensive style guide and design system implementation

Claude Codeclaude-opus-4-5-20251101ui
3files
1360added
570removed
102m 8stime

Recipe

Everything you need to reproduce this transformation

Prompt
Develop a comprehensive style guide to use across the Oneshot app, socials, and brand assets. Use clean minimalism concepts (https://www.producthunt.com/ as an inspiration), along with a slightly, not overly, retro web aesthetic (https://news.ycombinator.com/ as an inspiration), upgraded with a tasteful minimalist visual gallery quality (https://dribbble.com/ as an inspiration). Once the style guide is complete, go ahead and implement it fully across the app.
Modelclaude-opus-4-5-20251101
HarnessClaude Code
Token Usage
Input17.2K
Output289.2K
Total306.4K
Cached191.1M
Plugins
Frontend Design vclaude-plugins-officialGithub vclaude-plugins-officialFeature Dev vclaude-plugins-officialSwift Lsp vclaude-plugins-official
Config Files
Raw Session Data
Pro tip: Copy the prompt and adapt it for your own project. The key is understanding why this prompt worked, not reproducing it exactly.

Comments (0)

Loading comments...