tailwind SKILL.md skillA

tailwind from kriscard/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add kriscard/skills/tailwind@git:20261028.9bdc603

Pins git:20261028.9bdc603 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
kriscard/skills
Path
skills/dev/tailwind/SKILL.md
Versions recorded
1
Latest version
git:20261028.9bdc603, committed Oct 28, 2026
Size
5,483 bytes
Repository stars
15
License
MIT

Tailwind CSS implementation, review, and debugging for component patterns, responsive composition, runtime values, themes, source visibility, custom CSS, builds, and compatibility. Use when work depends on Tailwind utilities, variants, directives, generated CSS, or integration behavior. Examples target Tailwind v4; inspect installed capabilities before version-sensitive syntax and preserve existing v3 or mixed projects unless migration is requested. Route product design policy, semantic token…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Tailwind CSS

Implement an existing visual and interaction contract with complete, inspectable
utilities. Prefer reusable decisions over utility catalogs. Tailwind owns syntax,
generated CSS, source detection, and build mechanics; `frontend` owns product behavior
and design policy, while `react` owns component APIs, composition, and state.

## Workflow

### 1. Read the styling boundary

Inspect the manifest and lockfile, active stylesheet, build integration, nearby
components, token sources, class-composition helpers, and source registration. Tailwind
v4 is the default for new examples. Check the installed version or capability when it
changes syntax, browser support, integration packages, or merge behavior; do not
silently upgrade an existing project.

**Complete when:** the active CSS entry, build owner, Tailwind capability, token source,
and component conventions are known.

### 2. Choose explicit contracts

Apply the checks that match the task:

1. **Finite choices:** map supported values to complete literal utilities; add compound
   choices only for real interacting axes.
2. **Styling ownership:** choose mutually exclusive classes first. Treat caller
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add kriscard/skills/tailwind@sha256:e75847640636c119

The line at the top of this page pins the label git:20261028.9bdc603, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_gm7cdh35aaeohl6n.svg)](https://markdownregistry.com/a/art_gm7cdh35aaeohl6n)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 28, 2026.

versioncommittedcommitsizeaudit
git:20261028.9bdc603 latest2026-10-28 9bdc603 5,483 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (5483 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

kriscard/skills · 15 stars · license MIT · pushed 2026-10-28 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_gm7cdh35aaeohl6n
GET https://markdownregistry.com/api/v1/resolve?ref=kriscard/skills/tailwind
GET https://markdownregistry.com/api/v1/blob/e75847640636c119e7560a03730a3708ef787a5518dfc2a3a7467e678bf64aa9

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from kriscard/skills

CLAUDE.md CLAUDE.md file
kriscard/skills · CLAUDE.md
git:20260929.34c5287 · audit A · 15 stars
analyze-repo SKILL.md skill
kriscard/skills · skills/dev/analyze-repo/SKILL.md · Generate an evidence-backed visual architecture and technical-debt audit for an entire repository.
git:20261006.c9355ee · audit A · 15 stars
architect SKILL.md skill
kriscard/skills · skills/dev/architect/SKILL.md · Guides architecture decisions about service/module boundaries, system trade-offs, ADRs, data flow, rendering strategy…
git:20261006.c9355ee · audit A · 15 stars
code-review SKILL.md skill
kriscard/skills · skills/dev/code-review/SKILL.md · Evidence-based review of pull requests, branch comparisons, working-tree changes, or selected code across risk…
git:20261028.c86455e · audit A · 15 stars
codebase-design SKILL.md skill
kriscard/skills · skills/dev/codebase-design/SKILL.md · Design and evaluate module interfaces, depth, seams, adapters, locality, and testability. Use when deciding what a…
git:20261027.2f03ff0 · audit A · 15 stars
commit SKILL.md skill
kriscard/skills · skills/dev/commit/SKILL.md · Create a conventional commit and optionally push it safely.
git:20261006.e799bc1 · audit A · 15 stars
create-pr SKILL.md skill
kriscard/skills · skills/dev/create-pr/SKILL.md · Prepare, open, or update a GitHub pull request from an existing change. Use when the user asks to create a PR or draft…
git:20261028.08395f4 · audit A · 15 stars
create-verification-skill SKILL.md skill
kriscard/skills · skills/dev/create-verification-skill/SKILL.md · Create or maintain a repository-local skill for repeatedly verifying real project behavior through its supported…
git:20261025.6d7acfd · audit A · 15 stars
debug SKILL.md skill
kriscard/skills · skills/dev/debug/SKILL.md · Debug errors, test failures, incorrect output, browser failures, intermittent bugs, and performance regressions through…
git:20261006.60fda2b · audit A · 15 stars
frontend SKILL.md skill
kriscard/skills · skills/dev/frontend/SKILL.md · Frontend engineering for browser-facing applications: component and browser contracts, semantic accessibility, UI…
git:20261024.cab95d6 · audit A · 15 stars
implement SKILL.md skill
kriscard/skills · skills/dev/implement/SKILL.md · Execute approved specs, clear tickets, or bounded user requirements as verified repository changes. Use when asked to…
git:20261028.c86455e · audit A · 15 stars
msw SKILL.md skill
kriscard/skills · skills/dev/msw/SKILL.md · Version-aware Mock Service Worker (MSW) guidance. Use when the task is to configure MSW in Node or a browser, write or…
git:20261027.123ff31 · audit A · 15 stars

Every file in kriscard/skills

Other files named tailwind

tailwind SKILL.md skill
nahid-sparktales/agent-dispatcher · skills/frontend/tailwind/SKILL.md · Work inside an existing Tailwind codebase without degrading it — use the project's theme tokens instead of arbitrary…
git:20260919.a0d4f55 · audit A · 58 stars
tailwind SKILL.md skill
anton-abyzov/vskill · .claude/skills/tailwind/SKILL.md · Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects…
v1.0.1 · audit A · 48 stars
tailwind SKILL.md skill
frankxai/claude-skills-library · free-skills/tailwind/SKILL.md · Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects…
git:20260525.468c26e · audit A · 48 stars
tailwind SKILL.md skill
codeatcode/oss-ai-skills · frameworks/tailwind/SKILL.md · Use when styling with Tailwind CSS v4 - @theme syntax, design token architecture, dark mode strategy, bundle size…
v3.0.0 · audit B · 28 stars
tailwind SKILL.md skill
gaia-react/gaia · apps/web/.claude/skills/tailwind/SKILL.md · Applies GAIA's patterns and conventions for all Tailwind styling. Use this skill whenever writing Tailwind class names…
git:20261102.65f04fe · audit A · 26 stars
tailwind SKILL.md skill
gaia-harness/gaia · apps/web/.claude/skills/tailwind/SKILL.md · Applies GAIA's patterns and conventions for all Tailwind styling. Use this skill whenever writing Tailwind class names…
git:20261102.65f04fe · audit A · 26 stars
tailwind SKILL.md skill
dhaupin/vant · models/public/vant/skills/vant-skill-tailwind/SKILL.md · Utility-first CSS.
v1.0 · audit A · 15 stars
tailwind SKILL.md skill
tekkiiiii/the-agency · scripts/tests/fixtures/jev/router-skills/tailwind/SKILL.md · Tailwind CSS utility classes, responsive variants and theming for web UI styling.
git:20261014.27c93aa · audit B · 7 stars

Browse by kind, by grade A, or by owner.