tailwind-patterns

tailwind-patterns is a skill for Claude Code from aiskillstore/marketplace. It costs 44 tokens per session (656 once invoked), scanned A, original, no licence file.

A quick reference for Tailwind CSS, a framework that styles pages with reusable utility classes. It covers responsive layouts, configuration, dark mode, and common class patterns.

In plain words
What is it for?
Use it when creating responsive or dark-mode designs, writing utility classes, or changing Tailwind configuration.
Why use it?
It reduces the need to remember Tailwind class combinations and configuration details while building interfaces.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter.

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/aiskillstore/marketplace/tailwind-patterns
Any agent
npx skills add aiskillstore/marketplace --skill tailwind-patterns
Clone the repo
git clone --depth 1 https://github.com/aiskillstore/marketplace

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for tailwind-patterns

README.md
[![agentmods](https://agentmods.dev/badge/skills/aiskillstore/marketplace/tailwind-patterns.svg)](https://agentmods.dev/skills/aiskillstore/marketplace/tailwind-patterns)
Your own site
<a href="https://agentmods.dev/skills/aiskillstore/marketplace/tailwind-patterns"><img src="https://agentmods.dev/badge/skills/aiskillstore/marketplace/tailwind-patterns.svg" alt="Measured on agentmods" height="20"></a>
Per session 44 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 656 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin unknown No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00044 $0.00656
Opus 5 $0.00022 $0.00328
Sonnet 5 $0.00009 $0.00131
Haiku 4.5 $0.00004 $0.00066

Measured 6d ago against content hash 2d1e757ac1c9, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

tailwind-patterns scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/0xdarkmatter/tailwind-patterns/SKILL.md · 110 lines

The source is not reproduced here

No licence file

A repository with no LICENSE is all rights reserved by default, so the body is not copied here. The metadata, the measurements and the link are.

Read it on GitHub

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 110 lines · 44 tokens per session scan A 2d1e757ac1c9

Subscribe to this mod's changes

tailwind-patterns is a skill published in the GitHub repository aiskillstore/marketplace (416 stars, last pushed yesterday), with no licence file. It adds 44 tokens to every session and 656 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

frontend-specialist

前端开发专家。用于前端应用、页面、组件、现有 UI 增量改进、已有页面视觉优化、UI/UX 改造、视觉重设计、响应式布局、表单和输入框视觉一致性、设计系统落地、React/Vue/Next.js/Nuxt、Tailwind、shadcn/ui、Radix、MUI、AntD、仪表盘、SaaS、Landing Page、移动端适配、前端性能优化、浏览器截图检查和去除 AI 味 UI。触发后应把“做好看”转化为可执行设计约束,优先复用项目现有组件与视觉语言,小步实现并尽量通过浏览器或 Playwright 做视觉反馈闭环;当用户要改进当前页面或已有界面时,默认先诊断再做局部优化,而不是从 0 重做。.

huangwb8/skills · 198 tokens

playwright-cli

Automates browser interactions for testing and validating your own web applications using playwright-cli. Use when you need terminal-first browser control for navigation, form filling, screenshots, tracing, bound browser sessions, debugging, or generating Playwright test code. Only use against applications you own or…

testdino-hq/playwright-skill · 64 tokens

report-helper

当用户说「深度研究 X」「深入研究 X」或要求生成某产品、公司、概念、人物、产业链、政策、趋势的深度研究/发展研究报告时触发,自动进行联网搜索和研究,产出排版后的 PDF 文档,总字数通常 1-3 万字。 作者:嘉然 | GitHub: https://github.com/Jiaranbb/report-helper.

Jiaranbb/report-helper · 92 tokens

html-to-bricks

Use when the user says 'convert this html to bricks' or 'paste html into bricks', or has a Webflow, Framer, CodePen, or old static export to bring into a Bricks site. Converts raw HTML and CSS into native Bricks elements, mapping colors, type, and spacing to design tokens, plus ACSS classes when installed.

respira-press/agent-skills-wordpress · 77 tokens

stimulus

Stimulus JS framework for Symfony UX -- client-side behavior via HTML data attributes, zero server round-trips. Use when creating controllers for DOM manipulation, handling click/input/submit events, managing targets and values, wiring outlets between controllers, wrapping third-party JS libraries, or building…

smnandre/symfony-ux-skills · 211 tokens

interface-polish

Design-engineering micro-detail pass for interfaces that already work but feel unrefined. Applies concrete CSS/JS rules for hover/active/focus states, transition timing and easing, enter/exit animations, stagger patterns, layered shadows, border-vs-shadow elevation, nested border-radius, optical alignment, typography…

Gekkos-tech/agency-os · 185 tokens