Skills
.Work. You
Rest

veta-frontend-components

Community

Build consistent Veta UI components fast

Design & Creative#theming#tailwind css#ui components#semantic tokens#next-themes#framer motion#shadcn/radix
Authormarcogonzalo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It standardizes how your Veta frontend components are built and styled, preventing UI drift and inconsistent theming across pages, marketing sections, and app views.

Core Features & Use Cases

  • Tailwind v4 + semantic tokens: Use bg-background, text-foreground, and brand CSS variables to keep styling consistent across light/dark modes.
  • Shadcn/Radix composition rules: Build forms and UI primitives using the existing src/components/ui/* patterns and respect Radix semantics.
  • Motion helpers for polished UX: Apply AnimatedSection, stagger containers/items, and counters for scroll reveals and rhythm-aligned animations.

Quick Start

Ask the AI to generate a new UI component for your page using Veta’s Tailwind v4 semantic tokens, existing cn() patterns, and an appropriate motion helper while keeping Radix/Shadcn structure and light/dark usability intact.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: veta-frontend-components
Download link: https://github.com/marcogonzalo/studio-manager/archive/main.zip#veta-frontend-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.