Skip to main content
Back to registry

ui-styling

mrgoonie/claudekit-skills

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Installs278
Install command
npx skills add https://github.com/mrgoonie/claudekit-skills --skill ui-styling
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems. Use when: Install shadcn/ui with Tailwind: CLI prompts for framework, TypeScript, paths, and theme preferences. This configures both shadcn/ui and Tailwind CSS. Add components: Use components with utility styling: Vite projects: Comprehensive component catalog with usage patterns, installation, and composition examples. See: references/shadcn-components.md Covers: Theme configuration, CSS variables, dark mode implementation, and component customization. See: references/shadcn-theming.md Covers: ARIA patterns, keyboard navigation, screen reader support, and accessible component usage. See: references/shadcn-accessibility.md Covers: Core utility classes for layout, spacing, typography, colors, borders, and shadows. See: references/tailwind-utilities.md Covers: Mobile-first breakpoints, responsive utilities, and adaptive layouts.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does ui-styling do?

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Is ui-styling good?

ui-styling does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does ui-styling work with?

ui-styling currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to ui-styling?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install ui-styling?

npx skills add https://github.com/mrgoonie/claudekit-skills --skill ui-styling

Related skills

More from mrgoonie/claudekit-skills

Related skills

Alternatives in Software Engineering