Shopify

Style Lint — Design skill for Claude Code

Design community

name: ui-extensions-style-lint description: Use when validating any documentation update in the ui-extensions repo.

How to install Style Lint

Installs to ~/.claude/skills/shopify-ui-extensions-style-lint/SKILL.md

Terminal
mkdir -p ~/.claude/skills/shopify-ui-extensions-style-lint && curl -fsSL https://raw.githubusercontent.com/Shopify/ui-extensions/HEAD/.claude/skills/style-lint.md -o ~/.claude/skills/shopify-ui-extensions-style-lint/SKILL.md

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

What Style Lint does


name: ui-extensions-style-lint description: Use when validating any documentation update in the ui-extensions repo. Covers mechanical text checks: contractions, punctuation, bolding, backtick usage, capitalization, file references, and orphaned files. Always run first on any PR, regardless of page type.

Style Lint (All Page Types)

**How to use:** Scan the changed files mechanically against each rule below. These are objective pass/fail checks — no judgment needed. Skip items that cle

Alternatives in Design

  • Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
  • Planning With Files — Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B 17.4k ★
  • Explanatory Output Style — Educational output mode with insights about implementation choices 14k ★

Full documentation available on GitHub

View Source Repository