Frontendtailwind — Design skill for Claude Code
Autonomous Tailwind + shadcn/ui visual refinement on a feature branch — audits current Tailwind/shadcn usage, scaffolds missing setup, then incrementally improves spacing, typography, color tokens, an.
How to install Frontendtailwind
Installs to ~/.claude/skills/jchigg2000-git-claude-code-dev-frontendtailwind/SKILL.md
mkdir -p ~/.claude/skills/jchigg2000-git-claude-code-dev-frontendtailwind && curl -fsSL https://raw.githubusercontent.com/jchigg2000-git/claude-code-dev/HEAD/commands/frontendtailwind.md -o ~/.claude/skills/jchigg2000-git-claude-code-dev-frontendtailwind/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontendtailwind does
description: Autonomous Tailwind + shadcn/ui visual refinement on a feature branch — audits current Tailwind/shadcn usage, scaffolds missing setup, then incrementally improves spacing, typography, color tokens, and component composition. Strictly no logic/behavior changes, never pushes, never merges. Fire on `/frontendtailwind` or "polish Tailwind/shadcn styling." Use uxrefine instead if the project uses a different styling system or you want broader UX (interaction, flow, accessibility) wor
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
- Deepclaude — Use Claude Code's autonomous agent loop with DeepSeek V4 Pro, OpenRouter, or any Anthropic-compatible backend 2.3k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Workflow Design Bible
A constitution generator for autonomous, agent-run projects: an interview-driven meta system prompt (and insta
Mem Install
First-time install wizard for ~/.gowth-mem/. Scaffolds shared + workspace v3 layout (topic-folder + dated aspe
Hw Bom
Fill in a bill of materials (BOM) a buyer can act on, and keep board-inherent geometry off it. Audits a schema
Prepr
Pre-PR readiness check. Reviews all changes on the current branch thoroughly — correctness, code quality, cons
Design Auditor
Audits designs against 17 professional rules: typography, WCAG, spacing, iconography, navigation, tokens + mor
Design Critique
UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci
Related Agents
Jobs
Jobs (Джобс) — UI/UX design specialist — design systems, color palettes, typography, spacing tokens, and compo
Omd Designer Review
Visual + brand consistency reviewer. Audits HTML/MD/JSX against the brand DESIGN.md across typography, color b
Design Auditor
Retrospective 7-pillar audit (copy, visual hierarchy, color, typography, layout/spacing, experience, micro-pol