Quick Start
Install Mcp Server extension
Select your MCP client and follow the instructions to configure the TailwindBuilder MCP server. If you'd like to do it manually, see the below configuration.
Add this config inside mcp.json:
After installing Context7 (see instructions below), enhance your workflow by adding a rule so you don't have to type use context7 in every prompt. Define a simple rule in your MCP client's rule section to automatically invoke Context7 on any code question:
- For Windsurf, in .windsurfrules file
- For Cursor, from Cursor Settings > Rules section
- For Claude Code, in CLAUDE.md file
- For VsCode, in .github/copilot-instructions.md
- Or the equivalent in your MCP client
Example Rule:
Always use context7 when I need code generation, setup or configuration steps, or library/API documentation. This means you should automatically use the Context7 MCP tools to resolve library id and get library docs without me having to explicitly ask. You should use this llmstxt/tailwindbuilder_ai_llms_txt to resolve library id and get library docs without me having to explicitly ask.
Open .vscode/mcp.json and click Start next to the context7 server. Then try the following prompts with GitHub Copilot:
- Show me all available components in the @tb-blocks registry
- Add the download-banner , empty-banner to my project
- Create a ui-layout using blocks from the @tb-blocks registry