ui-styling

Description

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.

Tool Access

Full access

Inherits all available tools

Supporting Files

20 files

Additional assets for this skill

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Supporting Assets

LICENSE.txt

canvas-fonts/ArsenalSC-OFL.txt

canvas-fonts/ArsenalSC-Regular.ttf

canvas-fonts/BigShoulders-Bold.ttf

canvas-fonts/BigShoulders-OFL.txt

canvas-fonts/BigShoulders-Regular.ttf

canvas-fonts/Boldonse-OFL.txt

canvas-fonts/Boldonse-Regular.ttf

canvas-fonts/BricolageGrotesque-Bold.ttf

canvas-fonts/BricolageGrotesque-OFL.txt

canvas-fonts/BricolageGrotesque-Regular.ttf

canvas-fonts/CrimsonPro-Bold.ttf

canvas-fonts/CrimsonPro-Italic.ttf

canvas-fonts/CrimsonPro-OFL.txt

canvas-fonts/CrimsonPro-Regular.ttf

canvas-fonts/DMMono-OFL.txt

canvas-fonts/DMMono-Regular.ttf

canvas-fonts/EricaOne-OFL.txt

canvas-fonts/EricaOne-Regular.ttf

canvas-fonts/GeistMono-Bold.ttf

Links

GitHub Stats

0 forks

Updated 2 days ago

Related Skills

gitops-workflow

22.8K

Implement GitOps workflows with ArgoCD and Flux for automated, declarative Kubernetes deployments with continuous reconciliation. Use when implementing GitOps practices, automating Kubernetes deployments, or setting up declarative infrastructure management.

From kubernetes-operations

helm-chart-scaffolding

22.8K

Design, organize, and manage Helm charts for templating and packaging Kubernetes applications with reusable configurations. Use when creating Helm charts, packaging Kubernetes applications, or implementing templated deployments.

From kubernetes-operations

k8s-manifest-generator

22.8K

Create production-ready Kubernetes manifests for Deployments, Services, ConfigMaps, and Secrets following best practices and security standards. Use when generating Kubernetes YAML manifests, creating K8s resources, or implementing production-grade Kubernetes configurations.

From kubernetes-operations