← 返回 Skills 市场
Tailwind V4
作者
Kevin Anderson
· GitHub ↗
· v1.1.0
· MIT-0
215
总下载
0
收藏
2
当前安装
1
版本数
在 OpenClaw 中安装
/install tailwind-v4
功能描述
Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring...
安全使用建议
This is a documentation-only skill for setting up a CSS-first Tailwind v4 workflow — it doesn't request secrets or install code itself. Before copying examples into a project: 1) verify any npm/pnpm packages and versions (install from the official registry and check the package maintainer), 2) review and test the SSR inline script (it uses dangerouslySetInnerHTML and reads localStorage — that's normal for FOUC prevention but only safe if the script content is developer-controlled), 3) confirm external resources like Google Fonts are acceptable for your privacy/CSP rules, and 4) test changes in a staging environment (and check your final build outputs) before deploying to production.
功能分析
Type: OpenClaw Skill
Name: tailwind-v4
Version: 1.1.0
The skill bundle is a legitimate documentation and helper tool for Tailwind CSS v4. It contains comprehensive guides on Vite integration, OKLCH color systems, and dark mode strategies. All code snippets (e.g., in SKILL.md and references/setup.md) are standard configuration examples, and no malicious patterns, data exfiltration, or prompt injection attempts were found.
能力评估
Purpose & Capability
The name/description (Tailwind v4, CSS-first theming, OKLCH colors, dark mode) match the SKILL.md and reference files. All examples, package suggestions, and config advice relate to setting up and using Tailwind v4 and Vite; there are no unrelated credentials, binaries, or config paths requested.
Instruction Scope
The SKILL.md and reference files limit themselves to front-end build setup, CSS directives, theming patterns, dark-mode strategies, and small client-side snippets (localStorage/matchMedia). There are no instructions to read system files, access secrets, call unexpected external endpoints, or exfiltrate data. The SSR snippet uses dangerouslySetInnerHTML — a standard FOUC-prevention pattern for injecting small inline scripts; it's safe when the injected string is static and controlled by the developer.
Install Mechanism
This is instruction-only with no install spec and no code files to execute. It recommends installing packages from the package manager (pnpm/npm) which is expected for this purpose; nothing is downloaded from arbitrary URLs or written by the skill itself.
Credentials
No environment variables, credentials, or config path access are requested. The skill's examples use local build/dev tooling and browser APIs (localStorage, matchMedia) which are appropriate and proportionate for a frontend theming guide.
Persistence & Privilege
The skill is not always-enabled and uses the platform defaults for invocation. It does not request persistent system privileges or attempt to modify other skills or global agent settings.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install tailwind-v4 - 安装完成后，直接呼叫该 Skill 的名称或使用
/tailwind-v4触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.1.0
- Added comprehensive documentation and best practices for Tailwind CSS v4, focusing on CSS-first configuration and design tokens.
- Detailed usage and differences of @theme directive modes: default, inline, and reference.
- Explained OKLCH color format and demonstrated color variable conventions in v4.
- Provided migration guidance from v3, including configuration shifts toward @tailwindcss/vite and removal of config files.
- Included decision guide for selecting between @theme modes and documented common patterns for tokens, fonts, and animations.
元数据
常见问题
Tailwind V4 是什么？
Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 215 次。
如何安装 Tailwind V4？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install tailwind-v4」即可一键安装，无需额外配置。
Tailwind V4 是免费的吗？
是的，Tailwind V4 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Tailwind V4 支持哪些平台？
Tailwind V4 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Tailwind V4？
由 Kevin Anderson（@anderskev）开发并维护，当前版本 v1.1.0。
推荐 Skills