소개

이 저장소에는 Tailwind v4 개발 작업을 위한 에이전트 기술이 포함되어 있습니다. 이러한 기술을 사용하면 Tailwind v4 사용, 구성 및 마이그레이션 문제에 효율적으로 원하는 에이전트를 사용할 수 있으며 설치 후 로컬 문서 스냅 샷을 초기화 할 수 있습니다.

Orchard Core와 비슷한 것을 원하십니까? Lombiq Orchard Core Agent 스킬 체크 아웃!

요구 사항

• 에이전트 기술을 지원하는 모든 에이전트.
• npx skills add]로 한컴맨드 설치를 위해 Node.js를 설치합니다. ([T1]]).
• tailwind-4-docs 기술에는 docs 스냅샷을 동기화하는 Python 스크립트가 포함되어 있습니다. 스크립트를 수동으로 실행할 수 있지만 설치 후 스냅 샷을 초기화하거나 새로 고침하는 편리한 방법을 제공합니다. 그것을 사용하는:
• Python 3.8 이상 설치 ([T3]]).
• git 설치 ([T5]]).
• 대리인을 위한 인터넷 접근.
• 설치된 기술 폴더가 writable임을 보장합니다.

스킬 포함

tailwind-4-docs

Tailwind CSS v4 문서에 대한 에이전트 최적화 워크플로우, curated gotchas 목록, 구현 플레이북 및 로컬 문서 스냅 샷 생성기를 포함하여. 귀하의 에이전트는 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