Skills
.Work. You
Rest

smart-swap-branding

Community

Standardize visuals with Smart Swap branding.

Design & Creative#typography#branding#design system#color palette#design tokens#UI theming
Authordeichworx
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Design teams struggle to achieve consistent visuals across components and screens. This skill applies official brand colors, typography, and design tokens from the Smart Swap design system to ensure uniform styling and faster UI development.

Core Features & Use Cases

  • Centralized branding tokens: colors, typography, spacing, radii
  • Reuse tokens from app/theme.ts
  • Use Case: When building a new screen, apply tokens for background, text, and CTAs to ensure brand alignment.

Quick Start

Apply the branding by importing tokens from app/theme.ts and updating UI components to use the official colors, typography, spacing, and radii.

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: smart-swap-branding
Download link: https://github.com/deichworx/smart-swap/archive/main.zip#smart-swap-branding

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.