Tailwind Patterns

by Dicklesworthstone · development · javascript, rust, java, react, skill

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Source: https://github.com/Dicklesworthstone/pi_agent_rust

Install

git clone https://github.com/Dicklesworthstone/pi_agent_rust

Tags: javascript, rust, java, react, skill

⭐ 52 GitHub stars · Source: skillsdirectory

About development MCP servers and Claude skills

development MCP servers extend what AI agents can do inside Claude Code, Cursor, Copilot, Codex, and Windsurf. The Skiln directory indexes 16,000+ such integrations across 22 categories.

Tailwind Patterns is one of hundreds of development entries indexed on Skiln. Browse the full development category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related development MCPs and skills

  • Malware Analyst by benjaminasterA

    Expert malware analyst specializing in defensive malware research,

  • Custom Agents Github Gh Aw by majiayu000

    GitHub Custom Agent File Format

  • Brain Ask by hamza-ali-shahjahan

    Query Hamzaish's brain — search across learnings, decisions, playbooks, product docs, and configs. Returns ranked citations with snippets.

  • Name Product by hamza-ali-shahjahan

    End-to-end product naming pipeline — brief → competitor scan → theme-by-theme generation → clearance → selection → TLD/budget → lock. Embeds the operator's default iterative shortlist-by-theme selection method. Use to name a new product or rename an existing one. Composes competitor-research and name-clearance.

  • Fort by djadmin

    Use when the user wants to check, understand, or harden the security of their Mac, or asks whether their laptop is secure and what to fix. Runs a full macOS security audit, explains each finding in plain language (what it is, why it matters, what changing it would affect), and applies only the fixes the user approves. Also produces SOC 2 / ISO 27001 / NIST / CIS evidence on request. Triggers on phrases like "is my Mac secure", "audit my laptop", "harden my Mac", "what security gaps do I have"...

  • Pixel Discipline by mz185

    Audit and fix mobile app UI/UX — enumerates every element on a named screen, questions existence and appearance, then fixes violations. Supports Flutter, Jetpack Compose, SwiftUI, and React Native.

  • ais-chat-builder by mgkurz

    Erstellt fertige, copy-paste-fähige AIS.chat-Vorlagen für den Schul-KI-Chatbot AIS.chat. Deckt alle drei Vorlagentypen ab: Lernszenarien, Dialogpartner und Assistenten. Verwende diesen Skill immer, wenn jemand AIS.chat-Vorlagen erstellen, optimieren oder überarbeiten will, auch bei indirekten Formulierungen wie "erstelle ein Rollenspiel für den Unterricht", "ich brauche einen KI-Dialogpartner", "Szenario für Moodle mit AIS.chat", oder "Unterrichtsassistent mit KI". Der Skill erkennt automatis...

  • Designmatch by randomittin

    Use when matching a React Native screen to a Claude Design HTML canonical at ≥95% visual parity on real Android/iOS hardware — closes the loop with a VQA stub mode, Playwright canonical renderer at 1080×2444, and a dual-metric pixelmatch + SSIM diff harness producing composite triptychs.

Frequently asked questions

How do I install Tailwind Patterns?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the source repository for environment variables and credential requirements.

Which clients support Tailwind Patterns?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is Tailwind Patterns free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.