Not in the top 1,000 by GitHub stars
devPnal/design-system-is-all-you-need
A collection of guideline prompts created to refine the often awkward design traits of generative AI by applying a modern design system, intended for use in Claude, Codex or other vibe coding tools
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
design-system-is-all-you-need/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
b9a425d6ca26 → b9a425d6ca26
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → b9a425d6ca26
No earlier version was observed for comparison.
Heat
0.3- Star growth, last 7 daysNot available
- Star growth, last 24 hoursNot available
- Rank movement, last 7 daysNot available
- Commits, last 30 daysNot available
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekNot available
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
30-day change not yet available: not enough history.
Individual skills in this repository
- design-system-is-all-you-need
design-system-is-all-you-need
How it works
design-system-is-all-you-need
When your agent uses it
This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs. Each guideline defines common rules, component-specific guides, and an auto-derived token system — all driven by minimal user inputs.
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
1,640 tokensWhen the skill is activated
Reference documents
32,028 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use
- CRITICAL: Mandatory Design Guideline Selection Flow
- After the Flow is Complete
- Important Notes
Files
SKILL.mdcore6,808 bytesreferences/brutalism.mddoc14,227 bytesreferences/glassmorphism.mddoc12,954 bytesreferences/heritage.mddoc21,113 bytesreferences/material-design.mddoc16,498 bytesreferences/neon.mddoc18,337 bytesreferences/neumorphism.mddoc10,181 bytesreferences/pnalism.mddoc17,722 bytesreferences/skeuomorphism.mddoc16,644 bytes
Read SKILL.md
## When to Use
Activate this skill whenever the user requests UI/UX design work, frontend implementation, component creation, or any visual design task — including but not limited to:
- Creating web pages, apps, dashboards, or landing pages
- Building UI components (buttons, cards, forms, modals, etc.)
- Designing or prototyping interfaces
- Generating frontend code (HTML/CSS, React, SwiftUI, Jetpack Compose, etc.)
---
## CRITICAL: Mandatory Design Guideline Selection Flow
**You MUST follow the three-step flow below IN ORDER before producing any design or code output.
Do NOT skip any step. Do NOT assume defaults. Do NOT proceed until each step is confirmed by the user.**
Skills included
- design-system-is-all-you-need
Repository facts
- License
- MIT
- Created
- Feb 16, 2026
- Last pushed
- Mar 3, 2026
- Forks
- 3
- Open issues
- 0
- Project activity
- Slowing
Before you install
Instructions onlyAutomated signals, not a guarantee
Checked Nov 7, 2026
- No broad tool permissions
- No dangerous shell commands
- No network access
- No hidden or obfuscated text
- No instruction overrides
- No executable scripts
- No access to secrets
- No requests to vote in Hot
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
No combined signals at this commit.
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md design-system-is-all-you-need/SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md design-system-is-all-you-need/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md design-system-is-all-you-need/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md design-system-is-all-you-need/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md design-system-is-all-you-need/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md design-system-is-all-you-need/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
