What is better-design?
better-design is a Claude skill by marvkr that build and review interfaces with Better Design design systems. It is listed under Design & UI and has 476 GitHub stars.
| Type | Claude skill |
|---|---|
| Author | marvkr |
| Repository | marvkr/better-design |
| Popularity | 476 GitHub stars |
| Category | Design & UI |
| Security | Low risk (100/100) |
| Rank | #736 of 1,262 Claude skills; #99 in Design & UI |
| SKILL.md length | 58 lines |
| License | MIT |
| Last commit | 2026-09-22 |
| Stars this week | +221 |
Is better-design safe to install?
better-design scores 100/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 9 of 9 checks.
Skill results come from a static scan of its SKILL.md for instruction overrides, hidden actions, risky commands and credential access.
| Check | Result |
|---|---|
| No instruction-override phrases | Pass |
| No hidden actions | Pass |
| No pipe-to-shell installers | Pass |
| No obfuscated code | Pass |
| No destructive commands | Pass |
| Doesn't ask for keys or credentials | Pass |
| No network requests | Pass |
| No shell commands | Pass |
| Installs no packages | Pass |
How do I install better-design?
- Install with the skills CLI. Works for Claude Code and other agents that read skills.
npx skills add https://github.com/marvkr/better-design --skill better-design
- Or copy it by hand. Claude Code loads any folder with a SKILL.md from ~/.claude/skills.
git clone https://github.com/marvkr/better-design cp -r better-design/skills/better-design ~/.claude/skills/better-design
- Use it. Claude loads the skill when a task matches its description. You can also name it in your prompt.
Use the better-design skill to …
Or ask Claude to set it up
Paste this into Claude Code and it installs better-design for you:
Install the "better-design" skill from https://github.com/marvkr/better-design/tree/main/skills/better-design into ~/.claude/skills, then tell me in one line what it does.