masesas

UI Lint — Design skill for Claude Code

Design community

Lint Flutter UI code for design-token violations, a11y gaps and too many widget classes per file (mobile-taste).

How to install UI Lint

Installs to ~/.claude/skills/masesas-mobile-taste-ui-lint/SKILL.md

Terminal

mkdir -p ~/.claude/skills/masesas-mobile-taste-ui-lint && curl -fsSL https://raw.githubusercontent.com/masesas/mobile-taste/HEAD/commands/ui-lint.md -o ~/.claude/skills/masesas-mobile-taste-ui-lint/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What UI Lint does

description: Lint Flutter UI code for design-token violations, a11y gaps and too many widget classes per file (mobile-taste) argument-hint: "[paths...] [--changed] [--warn-only] [--json] [--baseline FILE [--update-baseline]]" allowed-tools: Bash(python3 -I .claude/skills/mobile-taste/tools/ui_lint.py:*)

UI lint for `$ARGUMENTS` (no paths = the `paths` of `ui_lint.json`, default `lib/`):

!`python3 -I .claude/skills/mobile-taste/tools/ui_lint.py $ARGUMENTS`

Rules: `raw-color` (`Color(0x

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★