tailwind-best-practices は何をしますか？
Mastra Playground UIにおけるTailwind CSSスタイリングガイドライン。このスキルは、packages/playground-uiおよびpackages/playground内のスタイリングコードの作成、レビュー、リファクタリング時に使用し、デザインシステムの一貫性を確保します。Tailwindクラス、コンポーネントスタイリング、デザイントークンに関わるタスクにトリガーされます。
Mastra Playground UIにおけるTailwind CSSスタイリングガイドライン。packages/playground-uiおよびpackages/playground内のスタイリングコードの作成、レビュー、リファクタリング時にデザインシステムの一貫性を確保するために使用します。
このスキルは、Mastra Playground UIにおけるTailwind CSSのベストプラクティスを提供します。主に`packages/playground-ui`および`packages/playground`ディレクトリ内のコンポーネントスタイリングやTailwindクラス、デザイントークンに関連するタスクにトリガーされます。このスキルを使用することで、開発者はデザインシステムの一貫性を保ちながら、効率的にスタイリングコードを記述、レビュー、リファクタリングできます。AIエージェントがTailwindのクラス定義やコンポーネントのスタイル変更を提案する際に、プロジェクト全体のスタイリングルールに従うようガイドします。Mastraのプラットフォーム（Claude Code、Cursor、Codex等）で動作し、UIの見た目を統一するために不可欠です。
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/tailwind-best-practicesMastra Playground UIにおけるTailwind CSSスタイリングガイドライン。このスキルは、packages/playground-uiおよびpackages/playground内のスタイリングコードの作成、レビュー、リファクタリング時に使用し、デザインシステムの一貫性を確保します。Tailwindクラス、コンポーネントスタイリング、デザイントークンに関わるタスクにトリガーされます。
This repo contains 4 individual skills — each has its own dedicated page.
REQUIRED when modifying any file in packages/playground-ui or packages/playground. Triggers on: React component creation/modification/refactoring, UI changes, new playground features, bug fixes affecting studio UI. Generates Playwright E2E tests that validate PRODUCT BEHAVIOR, not just UI states.
Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation
React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.
Create a Mastra project using create-mastra and smoke test the studio in Chrome using Chrome MCP server
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".