本文へスキップ
Kitbay
掲載依頼
スキル

ui-styling

MIT2026年11月10日 更新148,022GitHubスタースクリプトあり

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.

スキルの内容

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.

できること

  • 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