
Agent优化的Tailwind CSS v4文档技能,支持本地快照和索引。
概览
该仓库包含 Tailwind v4 开发任务的代理技能。有了这些技能,你可以高效地使用你喜欢的代理来处理 Tailwind v4 的使用、配置和迁移问题,并在安装后初始化本地文档快照。 你想要类似的Orchard Core项目吗?看看Lombiq Orchard Core的特工技能! - 任何支持代理技能的代理。- 对于带有 npx 技能的单命令安装,安装 Node.js(包括 npx)。- tailwind-4-docs 技能包含一个用于同步文档快照的 Python 脚本。你可以手动运行该脚本,但它提供了安装后初始化或刷新快照的便捷方式。使用方法:- 安装 Python 3.8 或更高版本(可在 PATH 上使用)。- 安装 git(可在 PATH 上使用)。- 启用代理的互联网访问。- 确保已安装的技能文件夹可写。
概述(AI 翻译)
关于
该仓库包含 Tailwind v4 开发任务的代理技能。有了这些技能,你可以高效地使用你喜欢的代理来处理 Tailwind v4 的使用、配置和迁移问题,并在安装后初始化本地文档快照。
你想要类似的Orchard Core项目吗?看看Lombiq Orchard Core的特工技能!
要求
- 任何支持特工技能的经纪人。
- 对于使用
npx skills add进行单命令安装,安装 Node.js(包括npx。 tailwind-4-docs技能包含一个用于同步文档快照的 Python 脚本。你可以手动运行该脚本,但它提供了安装后初始化或刷新快照的便捷方式。使用方法:- 安装 Python 3.8 或更新版本(可在
PATH上使用)。 - 安装
git(可在PATH上使用)。 - 为代理启用互联网访问。
- 确保已安装的技能文件夹可写。
技能包括
tailwind-4-docs
为Tailwind CSS v4文档提供一个针对代理优化的工作流程,包括精心策划的陷阱列表、实现手册和本地文档快照生成器。你的代理应在Tailwind 4开发相关任务中使用该功能。
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
Lombiq Tailwind Agent Skills
About
This repository contains agent skills for Tailwind v4 development tasks. With these skills, you can use your favorite agent efficiently for Tailwind v4 usage, configuration, and migration questions, and initialize a local docs snapshot after installation.
Do you want something similar for Orchard Core? Check out Lombiq Orchard Core Agent Skills!
Requirements
- Any agent that supports agent skills.
- For one-command installation with
npx skills add, install Node.js (includesnpx). - The
tailwind-4-docsskill includes a Python script for syncing the docs snapshot. You can run the script manually, but it provides a convenient way to initialize or refresh the snapshot after installation. To use it:- Install Python 3.8 or later (available on
PATH). - Install
git(available onPATH). - Enable internet access for the agent.
- Ensure the installed skill folder is writable.
- Install Python 3.8 or later (available on
Skills included
tailwind-4-docs
An agent-optimized workflow for Tailwind CSS v4 documentation, including a curated gotchas list, an implementation playbook, and a local docs snapshot generator. Your agent should use this during Tailwind 4 development-related tasks.
Highlights
- Mirrors the official Tailwind docs structure so agents can load only what they need after initialization.
- Generates
docs-index.tsxlocally to map categories and slugs to MDX files. - Includes an agent-oriented engineering playbook for implementation, refactor, and review tasks.
- Provides a sync script that can initialize and refresh references after installation.
- Does not bundle the Tailwind docs themselves due to upstream licensing.
Initialization and updates
IMPORTANT: Initialize the docs snapshot after installation. If your agent does not do this automatically, ask it to run the sync script (or run it manually). If the snapshot is missing or older than one week, run the sync script before relying on the docs.
Some agents do not run scripts automatically even if the SKILL.md asks for it. If the snapshot is missing or older than one week, explicitly instruct the agent to run the sync command and confirm that references/docs/ and references/docs-index.tsx were created.
To initialize the snapshot manually, run python skills/tailwind-4-docs/scripts/sync_tailwind_docs.py --accept-docs-license. If you already have a local clone of the source repository, add --local-repo .
The script clones tailwindcss.com into a temporary folder (or uses the local repo if provided), then copies:
src/docs/toskills/tailwind-4-docs/references/docs/src/docs/docs-index.tsxtoskills/tailwind-4-docs/references/docs-index.tsx- the snapshot date and the upstream commit hash to
skills/tailwind-4-docs/references/docs-source.txt
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add lombiq/tailwind-agent-skills