curv-design-system

Apply CURV Design System tokens and templates to dashboards and HTML artifacts.

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/sellersessions/SKILLS-FILES-CLAUDE-DESKTOP-PROJECT --skill curv-design-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: curv-design-system
Source: https://github.com/sellersessions/SKILLS-FILES-CLAUDE-DESKTOP-PROJECT/tree/main/curv-design-system
Command: npx skills add https://github.com/sellersessions/SKILLS-FILES-CLAUDE-DESKTOP-PROJECT --skill curv-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

CURV Design System ensures consistent, on-brand visuals across dashboards, HTML artifacts, reports, and data visualizations, eliminating drift between tools and outputs.

Core Features & Use Cases

  • Brand fidelity: Enforces CURV purple accents and dark-mode aesthetics across outputs.
  • Production-ready tokens: Applies exact colors, glassmorphism, gradient borders, and header/footer templates in dashboards, reports, and diagrams.
  • Use Case: When delivering client dashboards, apply the design system to ensure a uniform look from charts to tables and exports.

Quick Start

To begin, import the CURV Design System production tokens into your CSS and apply the provided header/footer templates and typography scales to your project.

Frequently Asked Questions about curv-design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce a consistent dark-mode color palette across HTML dashboards?

To enforce a dark-mode color palette across HTML dashboards, apply production-grade color tokens and glassmorphism rules from a design system. This ensures consistent on-brand visuals and eliminates drift between data visualizations and tools.

What is a design system for standardizing typography and brand colors in data visualizations?

A design system for standardizing typography and brand colors in data visualizations is a set of production-ready tokens and layout rules. It applies exact color scales and templates to ensure a uniform look across client dashboards and reports.

How do I apply glassmorphism and gradient borders to client dashboard exports?

To apply glassmorphism and gradient borders to client dashboard exports, import the design system tokens into your CSS and apply the provided header and footer templates. This enforces brand fidelity across all visual outputs.

Can I use these typography scales and layout rules with standard front-end tooling?

Yes, you can use these typography scales and layout rules with standard front-end tooling. The design system requires no runtime install requirements beyond standard front-end setups to apply exact colors and templates.

Why does my CURV brand styling drift between different reports and HTML artifacts?

Your CURV brand styling drifts between reports and HTML artifacts because they lack a unified design system. Importing production-ready color tokens, typography scales, and templates ensures consistent on-brand visuals across all outputs.

What components do I need to standardize visual outputs without runtime install requirements?

To standardize visual outputs without runtime install requirements, you need CSS color tokens, typography scales, layout rules, and header or footer templates. These components enforce brand fidelity across dashboards and diagrams.