Provide GPUS Navy/Gold CSS variables, Tailwind v4 configs, and shadcn/ui settings.
npx skills add https://github.com/GrupoUS/gpus --skill gpus-theme
Please help me install this Agent Skill. Skill: gpus-theme Source: https://github.com/GrupoUS/gpus/tree/main/.kilocode/skills/gpus-theme Command: npx skills add https://github.com/GrupoUS/gpus --skill gpus-theme
This Skill provides a standardized and portable design system theme for the GPUS (Grupo US) branding, ensuring consistent visual identity across projects.
shadcn/ui with the specific Navy/Gold palette and light/dark modes.shadcn/ui settings.Copy the assets/theme-tokens.css file to your project's main CSS file and import it.
High-intent search queries and answers about installing and using this skill.
To apply Navy and Gold branding, copy the provided CSS variables and Tailwind v4 theme configurations into your project to establish a consistent visual identity across your web applications.
The best way to set up shadcn/ui with a custom Navy and Gold palette is by importing pre-configured theme settings that include both light and dark modes for your design system.
Yes, this design system theme supports both light and dark modes, providing specific CSS variables for the Navy and Gold palette to ensure your branding remains consistent across different visual environments.
Yes, you can use these Tailwind v4 theme configurations in an existing web application by copying the theme-tokens.css file to your main CSS file and importing it to apply the branding.
To integrate a portable design system theme into a new project, copy the provided assets such as CSS variables and shadcn/ui settings to maintain brand consistency from the start of development.
justinlevinedotmeInitialize shadcn/ui with Tailwind v4 in Vite projects.
anis-marrouchiIntegrate Framer Motion with Remotion for frame-synced animations.
lsst-sqreReference Rubin Observatory design system CSS variables and design tokens.
beyondkmpApply preset color palettes and typography from themes/*.md to artifacts.