tailwind-best-practices
Tailwind CSS styling guidelines for Mastra Playground UI
by mastra-aiFree
Description
Tailwind-best-practices is an agent skill with styling guidelines for the Mastra Playground UI. It is a routing and priority guide with five rules across three categories, and it applies to the packages that make up the playground: packages/playground-ui and packages/playground. The rules are there to keep the design system consistent, prevent token drift and protect the integrity of the component library. Use it when writing new React components with Tailwind styles, reviewing code for styling consistency, refactoring styled components, or adding and changing UI elements. Each rule has a file with a detailed explanation, examples and review guidance, so the skill can answer a specific question without loading all of them. It is listed on skills.sh as part of the mastra-ai/mastra repository and is written for contributors to the Mastra playground rather than general Tailwind users.…
Highlights
- Five Tailwind rules across three categories
- Scoped to the Mastra playground UI packages
- Protects the design system and prevents token drift
- Each rule includes examples and review guidance
Ratings & Reviews
No ratings yet
Be the first to rate tailwind-best-practices.
People also visit
tailwind-best-practices FAQ
What does tailwind-best-practices cover?
Styling rules for the Mastra Playground UI, with five rules in three categories.
Which packages does it apply to?
The playground UI and playground packages in the Mastra repository.
Why do the rules matter?
They keep the design system consistent, prevent token drift and maintain the component library.
Who is it for?
Contributors to the Mastra playground who write or review Tailwind styles.
How do I install it?
Run npx skills add https://github.com/mastra-ai/mastra --skill tailwind-best-practices in your terminal.
Is it free?
The listing shows the skill as free.
What security audits has it passed?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best tailwind-best-practices alternatives?
Popular alternatives to tailwind-best-practices include react, radix-ui-design-system and react-nextjs-development. See all tailwind-best-practices alternatives