について

このリポジトリには、Tailwind v4開発タスクのエージェントスキルが含まれています。 これらのスキルを使うと、Tailwind v4の使い方、設定、マイグレーションの質問に、お気に入りのエージェントを効率的に使用でき、インストール後にローカルのドキュメントのスナップショットを初期化できます。

Orchard Coreに似たものはありますか? Lombiq Orchardのコアエージェントのスキルをチェック!

要件

• エージェントのスキルをサポートするエージェント
• [npx skills add] で 1 コマンドのインストールの場合、Node.js をインストールします([npx])。
• [tailwind-4-docs スキルは、ドキュメントのスナップショットを同期するための Python スクリプトを含みます。 スクリプトを手動で実行できますが、インストール後にスナップショットを初期化または更新するための便利な方法を提供します。 使用するため:
• Python 3.8 以降をインストール ([PATH])。
• [git]をインストールします。([PATH]]で利用可能です)。
• エージェントのインターネットアクセスを有効にします。
• インストールされたスキルフォルダが書き込み可能であることを確認してください。

スキルが含まれています

##[tailwind-4-docs

Tailwind CSS v4 ドキュメントのエージェントに最適化されたワークフローで、キュレーションドッチリスト、実装の Playbook 、ローカルの docs のスナップショットジェネレーターを含む。 エージェントは、Tailwind 4の開発関連のタスク中にこれを使用する必要があります.

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 (includes npx).
• The tailwind-4-docs skill 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 on PATH).
  • Enable internet access for the agent.
  • Ensure the installed skill folder is writable.

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.tsx locally 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/ to skills/tailwind-4-docs/references/docs/
• src/docs/docs-index.tsx to skills/tailwind-4-docs/references/docs-index.tsx
• the snapshot date and the upstream commit hash to skills/tailwind-4-docs/references/docs-source.txt