tailwind-patterns
星标7
分支2
更新时间2026年4月18日 14:07
Tailwind CSS v4 patterns. CSS-first config, container queries, tokens.
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly
下载
相关职业SOC
基于 SOC 职业分类
菜单
Tailwind CSS v4 patterns. CSS-first config, container queries, tokens.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Structured iterative reasoning framework for deep problem solving, featuring verification loops and refinement stages.
API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
Main application building orchestrator. Creates full-stack applications from natural language requests.
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation.
Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting.
AI operational modes (BRAINSTORM, IMPLEMENT, DEBUG, REVIEW, TEACH, SHIP).
| name | tailwind-patterns |
| description | Tailwind CSS v4 patterns. CSS-first config, container queries, tokens. |
| allowed-tools | Read, Write, Edit, Glob, Grep |
CSS-first. Native. Fast.
@theme { --color-primary: ... }. No JS config.@container).@theme {
--color-primary: oklch(0.7 0.15 250);
--font-sans: 'Inter', system-ui;
}
w-full md:w-1/2.@container (parent) -> @md: (child).dark:bg-zinc-900.media (auto) or selector (manual).flex flex-col gap-4.grid grid-cols-[auto_1fr].grid-cols-3 with col-span-2.@apply (discouraged).--color-primary, not hex".z-999".