AI & Editor Setup

Make your AI assistant and code editor generate accurate TailUI code by feeding them the llms.txt context file — a compact, structured reference of every TailUI component, class name, and usage rule.

What is llms.txt?

A single text file containing every TailUI component, its class names, HTML syntax, and usage rules — optimized for LLMs and code editors.

URL
https://tailuicss.com/llms.txt

Anthropic Claude (Anthropic)

In Claude's chat, enable the Search feature, then paste the URL before your prompt:

prompt
https://tailuicss.com/llms.txt build me a pricing page with 3 cards

Claude will fetch the file and use TailUI classes correctly in its response.

OpenAI ChatGPT (OpenAI)

Enable Search in ChatGPT, then include the URL in your prompt:

prompt
https://tailuicss.com/llms.txt create a dashboard layout with sidebar, cards, and a modal

Cursor Cursor

Add the file as a project rule so Cursor always knows about TailUI:

terminal
# Create the rules directory
mkdir -p .cursor/rules
# Download the llms.txt file
curl -o .cursor/rules/tailui.mdc https://tailuicss.com/llms.txt

Now every time you use Cursor's AI features (Cmd+K, Chat, etc.), it will automatically use TailUI classes.

Windsurf Windsurf

Add TailUI as a global rule in Windsurf:

terminal
# Create the rules directory
mkdir -p .windsurf/rules
# Download the llms.txt file
curl -o .windsurf/rules/tailui.md https://tailuicss.com/llms.txt

Copilot GitHub Copilot (VS Code)

Add TailUI context as a Copilot instruction file:

terminal
# Create the instructions directory
mkdir -p .github
# Download the llms.txt file
curl -o .github/copilot-instructions.md https://tailuicss.com/llms.txt

Copilot will use this file as context for all suggestions in your project.

LLMs & Tools Any other LLM or tool

Simply paste the URL or the file content as context in your prompt. The file is designed to be compact and structured for any AI model:

terminal
# Download locally
curl -o tailui-context.txt https://tailuicss.com/llms.txt
# Or just reference it in your system prompt:
# "Use TailUI classes as documented in https://tailuicss.com/llms.txt"

What's inside llms.txt?

  • - All 20 components with their class names, variants, sizes, and states
  • - HTML syntax examples for every component
  • - Usage rules and constraints
  • - Install and configuration instructions
  • - CLI commands reference
  • - Dark mode and CSS variables documentation