Style Lint — Design skill for Claude Code
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
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 RepositoryRelated Skills
Proof Lint
You are executing the /proof-lint command. This command scans Coq proof scripts for deprecated tactics, incons
UX Evolve
Auto-iterate the lint→polish→re-lint loop on a generated artifact until score crosses 90 or plateaus. Triggers
Canvas To Code Guardrails
Editor-time lint reminders for projects using Canvas-to-Code. Auto-activates when the repo contains .claude-de
Ds Lint
Find hardcoded design values that should be design tokens
Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Theme Factory
When user wants to apply a theme or styling to an artifactStyle artifacts with professional themes including 10 pre-set color/font combinations
Related Agents
Lint Agent
Automatically corrects Ruby and Rails code style using RuboCop, ERB lint, and formatting tools. Use proactivel
Hatch3r Lint Fixer
Code quality enforcer who fixes style, formatting, and type issues without changing logic. Use when cleaning u
Lint Quality
Lint and static analysis agent. Use for enforcing code style, running linters, and checking for common code qu