Home / Skills / design-component
design-component
plugin87/ux-ui-agent-skillsSkill
Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to design or document a component (button, input, tabs, toast, combobox, date picker, modal, etc.) at the spec level before or alongside code. For generating framework code, use design-code.
Why this score
This repo hosts 10 skills, so its 2,393 stars are split between them (about 239 each) for scoring.
Popularity score: 73/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Oct 20, 2026 at commit d27188075784, with Cisco's open-source skill-scanner.
None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This onedesign-component plugin87/ux-ui-agent-skills · Skill | 73 | ★ 2.4k | ≈90 always | 16d ago |
| component-canvas ibelick/ui-skills · Skill Both about component and variant | 80 | ★ 9.9k | ≈32 always | 18d ago |
| gea-ui-components dashersw/gea · Skill Both about component and toast | 69 | ★ 1.3k | ≈64 always | 1mo ago |
| how-to-write-component langgenius/dify · Skill Both about component and state | 86 | ★ 159k | ≈79 always | 16d ago |
| component-docs arla6ka/design.how · Skill Both about component and toast | 60 | ★ 141 | ≈96 always | 16d ago |
| vue-components scalar/scalar · Skill Same job: accessibility | 82 | ★ 16k | ≈37 always | 16d ago |