Stats
Actions
Tags
From coding-guidelines
Prohibits Tailwind arbitrary values (e.g. w-[17px]) to enforce design system token consistency. Use when writing or reviewing Tailwind class lists. Do not use when a value is intentionally one-off and cannot be expressed by any existing token (e.g. a pixel-perfect third-party embed constraint).
How this skill is triggered — by the user, by Claude, or both
Slash command
/coding-guidelines:avoid-arbitrary-values-in-tailwind-classesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Avoid using arbitrary value syntax (square brackets like `w-[17px]`, `bg-[#f00]`) unless absolutely necessary. Stick to the defined design system theme tokens.
Avoid using arbitrary value syntax (square brackets like w-[17px], bg-[#f00]) unless absolutely necessary. Stick to the defined design system theme tokens.
w-4, p-2) ensures visual consistency across the application.h-[3.75rem] is harder to parse and reason about than h-15 (if 15 is defined) or standard spacing.tailwind.config.js.top-[33%]) that will never be reused, but treat these as code smells to be challenged.<div class="w-[17px] h-[13px] mt-[5px]"></div>
<!-- Use closest standard spacing -->
<div class="w-4 h-3 mt-1"></div>
npx claudepluginhub mew-ton/coding-guidelines --plugin coding-guidelinesProvides behavioral guidelines to reduce common LLM coding mistakes, focusing on simplicity, surgical changes, assumption surfacing, and verifiable success criteria.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.