ui
Shape UI — copy nearest component, semantic tokens, Fluent icons
Install / Use
npx skills add useshape/ShapeInstalls into whichever agent you are using.
Cursor Rules
Cursor IDE rules (v2)
Quality Score
Category
Development & EngineeringSupported Platforms
Tags
Our assessment of ui
ui scores 51/100 on our quality scale, 4274th of 4,606 Development & Engineering skills we index.
Its Cursor Rules is 1.3 KB long, lightly structured (1 heading) and no code examples: moderately detailed.
It has no GitHub stars yet, so there is no community track record; judge it on its content.
Maintenance, license and trust
- The repository was last updated today, so ui is actively maintained.
- No license is declared. By default that means all rights are reserved: you can read it, but reusing or redistributing it is not clearly permitted. Ask the author before building on it commercially.
- Its trust signals score 80/100, with 2 cautions from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.
ui compared with similar skills
All 4 of these similar skills score higher than ui; compare them before choosing.
| Skill | Score | Stars | Updated | Format |
|---|---|---|---|---|
| ui (this skill)by useshape | 51 | 0 | today | Cursor Rules |
| taste-skillby Leonxlnx | 100 | 102.7k | today | CLAUDE.md |
| ai-job-searchby ai-job-search-dev | 100 | 66.0k | 5d ago | CLAUDE.md |
| claude-howtoby luongnv89 | 100 | 45.2k | 6d ago | CLAUDE.md |
| algorithmic-artby anthropics | 100 | 177.9k | 34d ago | SKILL.md |
Frequently asked questions
- How do I install ui?
- Run
npx skills add useshape/Shape. The install tabs above show the steps for each supported agent. - Which AI agents does ui work with?
- It is written for Cursor, as a Cursor Rules file. Other agents that read the same format can often use it too.
- Is ui safe to use?
- It declares no license and scores 80/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
- Is ui still maintained?
- The repository was last updated today, so ui is actively maintained.
Skill content
View source on GitHubdescription: Shape UI — copy nearest component, semantic tokens, Fluent icons globs: "**/*.{tsx,css}" alwaysApply: false
UI
Copy the nearest existing component. Do not guess.
Primitives: @/components/ui/* (button, input, textarea, icon, dropdown, context, tooltip, switch, collapsible, scroll, search, tabs). cn() from @/lib/utils.
Icons: Icon from @/components/ui/icon with a Fluent glyph component. Not Lucide. Not Remix string names. Not a hand-rolled <svg> unless it is a brand asset.
Tokens only: text-text-primary / secondary / muted, bg-panel / panel-hover / panel-active, bg-surface-1–3, bg-accent, border-border-subtle. Never text-gray-*, bg-zinc-*, text-foreground, bg-muted.
Type: text-sm is the default. text-xs for metadata. font-normal in sidebars. font-medium on setting titles. No font-semibold on general chrome.
Buttons: <Button>. Do not style a raw <button>. Selects: DropdownMenu like SettingSelect in features/settings/ui/setting-controls.tsx. Tooltips: <Tooltip content={…}>. Collapsible: CollapsibleSection.
Do not put rounded-* / shadow-* / bg-* / p-* on DropdownMenuContent.
Heights: h-chrome (28px) for controls. File rows h-[20px]. Panel header matches chat tabs (h-[36px], text-sm).
Related Skills
taste-skill
102.7kAgent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
ai-job-search
66.0kThe job search that runs on your machine. AI job application framework built on Claude Code: evaluate postings, tailor CVs, write cover letters, prep interviews. Fork it and own it.
claude-howto
45.2kA visual, example-driven guide to Claude Code — from basic concepts to advanced agents, with copy-paste templates that bring immediate value.
algorithmic-art
177.9kCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
Trust signals
From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.