lucksy

Ds Lint — Design skill for Claude Code

Design community

Find hardcoded design values that should be design tokens.

How to install Ds Lint

Installs to ~/.claude/skills/lucksy-ds-bridge-ds-lint/SKILL.md

Terminal

mkdir -p ~/.claude/skills/lucksy-ds-bridge-ds-lint && curl -fsSL https://raw.githubusercontent.com/lucksy/ds-bridge/HEAD/commands/ds-lint.md -o ~/.claude/skills/lucksy-ds-bridge-ds-lint/SKILL.md

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

What Ds Lint does

description: "Find hardcoded design values that should be design tokens" argument-hint: "[--fix] [path]"

Lint output

!`node ${CLAUDE_PLUGIN_ROOT}/dist/cli.mjs lint $ARGUMENTS --format=json`

Your task

The block above is the JSON output of `ds-bridge lint` for the user's arguments (`$ARGUMENTS`). Each entry is one finding with these fields:

file, line, col — where the raw value lives.
raw — the hardcoded value (e.g. #3b82f6, 17px).
property — the CSS property

Alternatives in Design

Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★