This is an opinionated design system prompt that tries to fix common LLM UI design patterns by forcing randomization and variety. It simulates Python's random.choice() using deterministic seeds to prevent Claude from always defaulting to the same layouts, then enforces rules around typography (specific font stacks, never Inter), GSAP animations, and grid layouts. The core insight is interesting: LLMs do have statistical biases that make them repeat the same hero sections and bento grids. Whether you agree with the aggressive tone and strict rules is another question, but if you're tired of generic Tailwind layouts with "SECTION 01" labels everywhere, this gives you a framework to push for more varied output. Just be ready for a very specific design philosophy.

skills.sh installs
2K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill gpt-taste --agent claude-code

Installs into .claude/skills of the current project.

Files

This is an opinionated design system prompt that tries to fix common LLM UI design patterns by forcing randomization and variety. It simulates Python's random.choice() using deterministic seeds to prevent Claude from always defaulting to the same layouts, then enforces rules around typography (specific font stacks, never Inter), GSAP animations, and grid layouts. The core insight is interesting: LLMs do have statistical biases that make them repeat the same hero sections and bento grids. Whether you agree with the aggressive tone and strict rules is another question, but if you're tired of generic Tailwind layouts with "SECTION 01" labels everywhere, this gives you a framework to push for more varied output. Just be ready for a very specific design philosophy.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Python, Design & UI/UX
First seen
Jul 14, 2026

More from nexu-io/open-design

All 217
1enzed avatarr3f-loadersenzed/r3f-skillsReact Three Fiber asset loading - useGLTF, useLoader, Suspense patterns, preloading. Use when loading 3D models, textures, HDR environments, or managing loading2Kskills.sh installs
2kostja94 avatarbrandingkostja94/marketing-skillsWhen the user wants to define, audit, or apply brand strategy—purpose, values, positioning, storytelling, voice, narrative (not only visuals). Also use when the1.9Kskills.sh installs
3cognitedata avatardesigncognitedata/builder-skillsSimplified Aura guidance for selecting primitives, keeping token usage consistent, and applying reliable layout/copy/state patterns in Flows and Fusion apps.1.9Kskills.sh installs
4cognitedata avatarintegrate-atlas-chatcognitedata/builder-skillsMUST be used whenever building a chat UI with Atlas agents in a Flows app. Do NOT manually write useAtlasChat integration code — this skill handles installation1.9Kskills.sh installs
5daffy0208 avataranimation-designerdaffy0208/ai-dev-standardsExpert in web animations, transitions, and motion design using Framer Motion and CSS1.9Kskills.sh installs
6jcodesmore avatarclone-websitejcodesmore/ai-website-cloner-templateReverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder a1.9Kskills.sh installs