Skip to main content
This documentation is optimized for AI assistants. Here’s how to connect it to your favorite tools.

​
Available Endpoints

EndpointPurposeBest For
/llms.txtDocumentation indexQuick reference lookup
/llms-full.txtComplete documentationFull context for complex tasks
/skill.mdCapability summaryAI agents understanding what better-styled can do
MCP ServerReal-time accessDirect integration with AI tools

​
Quick Start

claude mcp add --transport http better-styled https://better-styled.com/mcp

​
What Each File Does

llms.txt

Lightweight index of all pages. AI tools use this to find relevant information quickly.

llms-full.txt

Complete documentation in one file. Use for complex tasks that need full context.

skill.md

Structured capability summary. Tells agents what better-styled can do and how to use it.

MCP Server

Real-time access via Model Context Protocol. Direct integration with AI tools.

​
Example Prompts

Once connected, try these prompts: 
Using better-styled, create a Card component with:
- Variants: size (sm, md, lg) and variant (elevated, outlined)
- Slots: Header, Body, Footer
- Context propagation so children inherit the variant

Convert this CVA component to better-styled:
[paste your CVA code]

Create a React Native Button using better-styled with NativeWind.
Include size variants and a Text slot.

MCP Server Setup

Get started with MCP integration