·tailwind-best-practices
</>

tailwind-best-practices

mastra-ai/mastra

Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-ui and packages/playground to ensure design system consistency. Triggers on tasks involving Tailwind classes, component styling, or design tokens.

115Installs·3Trend·@mastra-ai

Installation

$npx skills add https://github.com/mastra-ai/mastra --skill tailwind-best-practices

SKILL.md

Styling guidelines for the Mastra Playground UI, containing 5 rules across 3 categories. Rules are prioritized by impact to guide automated refactoring and code generation. These rules ensure design system consistency, prevent token drift, and maintain component library integrity.

| 1 | Component Usage | CRITICAL | | 2 | Design Tokens | CRITICAL | | 3 | ClassName Usage | HIGH |

To look up a specific pattern, grep the rules directory:

Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-ui and packages/playground to ensure design system consistency. Triggers on tasks involving Tailwind classes, component styling, or design tokens. Source: mastra-ai/mastra.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/mastra-ai/mastra --skill tailwind-best-practices
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is tailwind-best-practices?

Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-ui and packages/playground to ensure design system consistency. Triggers on tasks involving Tailwind classes, component styling, or design tokens. Source: mastra-ai/mastra.

How do I install tailwind-best-practices?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mastra-ai/mastra --skill tailwind-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/mastra-ai/mastra

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-01