BeClaude

tailwind-best-practices

New
20.9kSmitheryGeneralby mastra-ai

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.

First seen 6/15/2026

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/tailwind-best-practices.md https://raw.githubusercontent.com/mastra-ai/mastra/main/.claude/skills/tailwind-best-practices/SKILL.md
3
Invoke in Claude Code
/tailwind-best-practices
View source on GitHub
code-reviewrefactoringdesigncoding

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

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.

How to install tailwind-best-practices?

To install tailwind-best-practices, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /tailwind-best-practices.

What is tailwind-best-practices best for?

tailwind-best-practices is a community categorized under General. It is designed for: code-review, refactoring, design, coding. Created by mastra-ai.