Skills
.Work. You
Rest

radius-scale

Community

Generate scalable radius tokens for consistent UI

Design & Creative#css#json#tailwind#generate#design-system#border-radius#radius-tokens
Authordylantarre
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Radius-scale generation provides a consistent set of border-radius tokens to standardize component rounding across a design system, reducing manual tweaks and visual drift.

Core Features & Use Cases

  • Generate scalable radius tokens with a base, ratio, and steps for CSS, Tailwind, and JSON outputs.
  • Apply tokens to common components like buttons, cards, inputs, modals, and containers to maintain visual harmony.
  • Use case: when starting a new design system or updating an existing one, export a complete radius scale for immediate integration.

Quick Start

Run the radius-scale generator to produce CSS variables, a Tailwind radius scale, or a JSON token set based on your project needs.

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: radius-scale
Download link: https://github.com/dylantarre/design-system-skills/archive/main.zip#radius-scale

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 223,000+ vetted skills library on demand.