Skip to content
Kitbay
Submit
Skill

ui-styling

MITUpdated on Nov 10, 2026148,022GitHub starsIncludes scripts

A styling skill from the UI UX Pro Max repository for building accessible interfaces with shadcn/ui components and Tailwind CSS, plus canvas-based visuals such as posters.

What the skill teaches

A styling skill from the UI UX Pro Max repository for building accessible interfaces with shadcn/ui components and Tailwind CSS, plus canvas-based visuals such as posters. Its reference files cover the shadcn component catalogue (forms, navigation, overlays, data display), theming with CSS variables and dark mode, accessibility through Radix primitives, Tailwind customisation and a canvas design approach. Two bundled Python scripts add shadcn components with their dependencies and generate a Tailwind config with custom colours and fonts, refusing to overwrite a competing config unless forced. It includes example patterns such as a validated login form and a responsive grid with dark mode.

Capabilities

  • Add shadcn/ui components with their dependencies
  • Generate a Tailwind config with custom colours and fonts
  • Set up theming and dark mode
  • Design canvas-based posters and brand visuals