skills.rest
wolram
wolramCOMMUNITY
Explore all skills by this author →
Website𝕏@marlowsousaGitHub

cross-platform-lint

Compare color, spacing, and typography tokens across Web, iOS, and Android.

Updated Aug 27, 2026
Search Tags:#theming#consistency#tokens#lint#visual#multiplatform
One-click install
npx skills add https://github.com/wolram/skills --skill cross-platform-lint
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cross-platform-lint
Source: https://github.com/wolram/skills/tree/main/design/cross-platform-lint
Command: npx skills add https://github.com/wolram/skills --skill cross-platform-lint

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This linting skill detects visual divergences across Web, iOS, and Android by comparing tokens related to color, spacing, and typography to maintain a consistent user experience.

Core Features & Use Cases

  • Cross-platform token comparison for color, spacing, and typography.
  • Visual parity validation across Web, iOS, and Android during design-to-code workflows.
  • Use Case: When updating design tokens, run this lint to quickly surface platform mismatches and align themes.

Quick Start

Run the cross-platform-lint scan against the project tokens to surface inconsistencies.

Frequently Asked Questions about cross-platform-lint

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

FAQPage Schema
How do I check design token consistency across Web, iOS, and Android?▼

To check design token consistency across Web, iOS, and Android, compare color, spacing, and typography values to identify visual divergences. A linting scan surfaces missing tokens, mismatched values, and inconsistent naming to maintain UI parity.

Why does my UI look different on iOS compared to the Web version?▼

Your UI looks different on iOS compared to Web due to visual divergences in color, spacing, or typography tokens. Comparing CSS variables against Swift tokens reveals mismatches in naming or values that cause the inconsistency.

What is cross-platform visual parity validation in design-to-code workflows?▼

Cross-platform visual parity validation is the process of comparing color, spacing, and typography tokens across Web, iOS, and Android. It ensures UI consistency during design-to-code workflows by detecting missing tokens and mismatched values across platforms.

Can I use a token lint scan to find missing CSS variables and Swift tokens?▼

Yes, you can use a token lint scan to find missing CSS variables and Swift tokens. The scan checks for missing tokens, mismatched values, and inconsistent naming by referencing CSS variables, Swift tokens, and Android theme values.

What's the best way to align multiplatform themes during a design update?▼

The best way to align multiplatform themes during a design update is to run a cross-platform lint scan against project tokens. This quickly surfaces platform mismatches in color, spacing, and typography, allowing you to align themes across Web, iOS, and Android.

Related Skills

Explore More Design & Creative Skills→
Pabloprogramador23Pabloprogramador23

reversa-design-system

Extract design tokens from CSS, Tailwind themes, and screenshots into a design-system reference.

Community
Advanced
stackconsultstackconsult
2

cicd-orchestration

Automate CI/CD setup for the RE-Engine with GitHub Actions and Docker.

Community
Intermediate
mrodrigues1mrodrigues1

design-system-patterns

Generate design tokens and platform outputs with Style Dictionary pipelines.

Community
Advanced
msichtermanmsichterman

expo-deployment

Automate Expo app builds, submissions, and web hosting via EAS.

Community
Intermediate