What is mcp-tailwind-gemini copilot-instructions.md?

A development guide for an MCP server that helps with Tailwind CSS, a toolkit for styling web pages, using Google's Gemini AI. MCP is a standard way for AI assistants to call tools provided by another program.

Adding server tools, validating inputs, generating accessible responsive markup, using Gemini when available, and providing manual fallbacks when it is not.

It sets consistent rules for building, validating and safely handling AI-assisted Tailwind suggestions.

How Tai-DT/mcp-tailwind-gemini configures GitHub Copilot

Reuse

Borrowing it

Nothing to install: this file belongs to Tai-DT/mcp-tailwind-gemini. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file

curl -O https://raw.githubusercontent.com/Tai-DT/mcp-tailwind-gemini/main/.github/copilot-instructions.md

Clone the repo

git clone --depth 1 https://github.com/Tai-DT/mcp-tailwind-gemini

Made for: GitHub Copilot.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/instructions/tai-dt/mcp-tailwind-gemini/copilot-instructions/github.svg)](https://agentmods.dev/instructions/tai-dt/mcp-tailwind-gemini/copilot-instructions)

Your own site

<a href="https://agentmods.dev/instructions/tai-dt/mcp-tailwind-gemini/copilot-instructions"><img src="https://agentmods.dev/badge/instructions/tai-dt/mcp-tailwind-gemini/copilot-instructions/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/instructions/tai-dt/mcp-tailwind-gemini/copilot-instructions"><img src="https://agentmods.dev/badge/instructions/tai-dt/mcp-tailwind-gemini/copilot-instructions.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 494 This file is loaded in full into every session.

When invoked 494 The same file — it is already loaded in full.

Security scan C 1 finding. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00494	$0.00494
Opus 5	$0.00247	$0.00247
Sonnet 5	$0.00099	$0.00099
Haiku 4.5	$0.00049	$0.00049

Measured 8d ago against content hash cbcd14905bd9, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-08, from the pricing page.

Security

Grade C, and why

mcp-tailwind-gemini copilot-instructions.md scanned grade C with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Hidden instructionshighPrompt injection

Directives inside HTML comments, invisible characters or bidirectional overrides are read by the model and not by the person reviewing the file.

<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file -->

.github/copilot-instructions.md · 59 lines

How it starts

The opening of the file, as written. The whole thing — 59 lines — stays where its author put it; the contents beside it link to each section on GitHub.

MCP Tailwind Gemini Server Development

This is an advanced Model Context Protocol (MCP) server for Tailwind CSS with Gemini AI integration.

Project Overview

Type: MCP Server
Language: TypeScript
AI Integration: Google Gemini API
Purpose: Intelligent Tailwind CSS design assistance

Development Guidelines

Code Style

Use TypeScript with strict type checking
Follow ES modules syntax
Implement proper error handling
Use descriptive variable and function names
Add JSDoc comments for public functions

MCP Server Architecture

All tools should be in /src/tools/ directory
Each tool should export an async function that returns MCP response format
Use Zod for input validation
Handle both AI-powered and fallback manual implementations

AI Integration

Always check if Gemini API is available using isGeminiAvailable()
Provide meaningful fallbacks when AI is not available
Structure AI prompts for optimal results
Parse AI responses safely with error handling

Tailwind CSS Best Practices

Generate semantic HTML with proper accessibility
Use utility-first approach with Tailwind classes
Implement responsive design patterns
Follow modern CSS practices
Optimize for performance and maintainability

Available Tools

generate_component - AI-powered component generation
optimize_classes - Intelligent class optimization
create_theme - Custom theme generation with AI
analyze_design - Comprehensive design analysis
generate_preview - Visual component preview
convert_to_tailwind - CSS to Tailwind conversion
suggest_improvements - AI-powered improvement suggestions
create_layout - Responsive layout generation

API References

MCP SDK: https://github.com/modelcontextprotocol/typescript-sdk
Gemini AI: https://ai.google.dev/docs
Tailwind CSS: https://tailwindcss.com/docs
You can find more info and examples at https://modelcontextprotocol.io/llms-full.txt

Read the full file on GitHub · 59 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

8d ago First seen · 59 lines · 494 tokens per session scan C cbcd14905bd9

Subscribe to this mod's changes

mcp-tailwind-gemini copilot-instructions.md is an instructions file published in the GitHub repository Tai-DT/mcp-tailwind-gemini (11 stars, last pushed 1y ago), licensed MIT. It adds 494 tokens to every session, about $0.0025 per session on Opus 5. A static security scan graded it C with 1 finding (hidden instructions). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

CSS and styling Frontend

next.js AGENTS.md

AGENTS.md instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.

vercel/next.js · 7,296 tokens

codex AGENTS.md

AGENTS.md instructions for openai/codex, covering rust/codex-rs, the codex-core crate, code review rules, crate api surface and model visible context.

openai/codex · 5,153 tokens

vscode buildNext.instructions.md

Working notes and architecture documentation for the new esbuild-based build system in build/next. Use when making changes to the new build pipeline (transpile/bundle commands, NLS plugin, source-map handling, resource copying, or self-hosting watch tasks).

microsoft/vscode · 6,785 tokens

mcp-tailwind-gemini: Instructions file for GitHub Copilot