Comprehensive style guide and design system implementation

jasonnovack@jasonnovackJan 7, 2026
claude_codeclaude-opus-4-5-20251101ui
Live Preview
Before ↗→After ↗
Commits
1a053eb→0945822|View diff on GitHub ↗
Repositoryjasonnovack/oneshot

Preview

BeforeBefore preview
AfterAfter preview
3files changed
+1360additions
-570deletions
102m 8sgeneration time
View full diff on GitHub ↗

Recipe

Model
claude-opus-4-5-20251101
Harness
Claude Code
Token Usage
Input: 17.2KOutput: 289.2KTotal: 306.4KCache Read: 191.1M
Plugins
Frontend Design vclaude-plugins-officialGithub vclaude-plugins-officialFeature Dev vclaude-plugins-officialSwift Lsp vclaude-plugins-official
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.
Config Files
Raw Session Data
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...