ckm:ui-styling — Skills — getagentictools

What it does

shadcn/ui: https://ui.shadcn.com/llms.txt

Tailwind CSS: https://tailwindcss.com/docs

Building UI with React-based frameworks (Next.js, Vite, Remix, Astro)

Implementing accessible components (dialogs, forms, tables, navigation)

Styling with utility-first CSS approach

Creating responsive, mobile-first layouts

Implementing dark mode and theme customization

Source

Repository: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

ckm:ui-styling FAQ

What does the ckm:ui-styling skill do?

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. shadcn/ui: https://ui.shadcn.com/llms.txt Tailwind CSS: https://tailwindcss.com/docs

How do I install ckm:ui-styling?

Run: npx -y skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-styling --agent claude-code — the source lives at github.com/nextlevelbuilder/ui-ux-pro-max-skill.

Maintain ckm:ui-styling?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![ckm:ui-styling on getagentictools](https://getagentictools.com/badge/skills/nextlevelbuilder-ui-ux-pro-max-skill-ckm-ui-styling.svg)](https://getagentictools.com/skills/nextlevelbuilder-ui-ux-pro-max-skill-ckm-ui-styling?ref=badge)

npx agentictools info skills/nextlevelbuilder-ui-ux-pro-max-skill-ckm-ui-styling

The second line is the CLI lookup for this page — handy in READMEs and docs.