validate-design-tokens

Community

Enforce SwiftUI design token compliance

Authorn0rvyn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill finds hardcoded spacing, colors, fonts, corner radii, shadows, and deprecated SwiftUI APIs in SwiftUI View files and provides actionable recommendations to align code with your design token system and layout conventions.

Core Features & Use Cases

  • Conditional deprecated API detection: Reads the Xcode deployment target and skips iOS 18+ checks when appropriate.
  • Token compliance audits: Detects hardcoded spacing, color constructors, font sizes, and nonstandard corner radii and suggests exact token substitutes.
  • Cross-file layout consistency: Identifies components with the same suffix (Card, Row, Cell, etc.) and compares width strategy, padding, background, corner radius, and shadow usage for consistency.
  • Use Case: Run on a feature branch to produce a compliance report grouped by severity with file:line references and suggested code changes prior to code review.

Quick Start

Validate design tokens across my SwiftUI View files and produce a grouped compliance report with file:line locations and suggested token replacements.

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: validate-design-tokens
Download link: https://github.com/n0rvyn/indie-toolkit/archive/main.zip#validate-design-tokens

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.