Skill · Design

tailwind-best-practices

Designmcpdirectory↓ 9

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...

Install
$ npx skills add mastra-ai/mastra --skill tailwind-best-practices

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Tailwind CSS styling guidelines for Mastra Playground UI.
  • 9 installs reported on mcpdirectory.
  • Published by mastra-ai — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • ui-design-system — UI design system toolkit for Senior UI Designer including design token generation, component documentation, re
  • web-development — Web frontend project development rules. Use this skill when developing web frontend pages, deploying static ho
  • graphql — GraphQL gives clients exactly the data they need - no more, no less.
  • gdpr-data-handling — Implement GDPR-compliant data handling with consent management, data subject rights, and privacy by design. Us
  • pptx-posters — Create research posters using HTML/CSS that can be exported to PDF or PPTX.
  • design-research — Conducts user experience research and analysis to inform design decisions.

More from mastra-ai

  • mastra — Build agents with Mastra
  • smoke-test — Create a Mastra project using create-mastra and smoke test the studio in Chrome
  • ralph-plan — Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collabor

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.