Individual skill
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
cli/assets/skills/ui-styling/SKILL.md
Source commit ccce51cba388476d4f403091ddb91636d5cd9fed
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 5, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 146,551
- Repository last updated
- Nov 5, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-skills Repository topic
- antigravity Repository topic
- claude Repository topic
- claude-code Repository topic
- command-line Repository topic
- copilot Repository topic
- cursor-ai Repository topic
- html5 Repository topic
- kiro Repository topic
- landing-page Repository topic
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
LICENSE.txtdoc · 11,357 bytesSKILL.mdcore · 10,945 bytesSKILL.mdcore · 10,945 bytesSKILL.mdcore · 10,945 bytesSKILL.mdcore · 10,945 bytesSKILL.mdcore · 10,945 bytesSKILL.mdcore · 10,945 bytesSKILL.mdcore · 10,945 bytesreferences/canvas-design-system.mddoc · 7,888 bytesreferences/shadcn-accessibility.mddoc · 9,976 bytesreferences/shadcn-components.mddoc · 11,155 bytesreferences/shadcn-theming.mddoc · 8,672 bytesreferences/tailwind-customization.mddoc · 10,171 bytesreferences/tailwind-responsive.mddoc · 8,270 bytesreferences/tailwind-utilities.mddoc · 9,980 bytesscripts/requirements.txtdoc · 444 bytesscripts/shadcn_add.pyruns · 8,799 bytesscripts/tailwind_config_gen.pyruns · 15,712 bytesscripts/tests/coverage-ui.jsonasset · 35,121 bytesscripts/tests/requirements.txtdoc · 52 bytesscripts/tests/test_shadcn_add.pyruns · 9,919 bytesscripts/tests/test_tailwind_config_gen.pyruns · 19,154 bytes
Read excerpt
# UI Styling Skill
Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
## Reference
- shadcn/ui: https://ui.shadcn.com/llms.txt
- Tailwind CSS: https://tailwindcss.com/docs
## When to Use This Skill
Use when:
- Building UI with React-based frameworks (Next.js, Vite, Remix, Astro)
- Implementing accessible components (dialogs, forms, tables, navigation)