Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Tailwind Best Practices

pormastra-ai·mastra-ai· v1.0.0 · atualizado em 2026-04-10
82
Score

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.

tailwind-csscssfrontend-developmentdesign-systemui-developmentcode-qualityreact
Linguagens
CSSJavaScriptHTML
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdtailwind-best-practices/workflow
1
Identify Tailwind CSS code: — Scans the specified project directories for files containing Tailwind classes.
2
Parse Tailwind usage: — Extracts the Tailwind classes, component names, and design tokens used in the code.
3
Evaluate against rules: — Checks the extracted usage against the defined best practices rules.
4
Prioritize violations: — Orders the violations based on their priority (Critical, High).
5
Suggest changes: — Generates recommendations for correcting the violations.
6
Apply refactoring (optional): — Automatically applies the suggested changes to the code.
7
Provide documentation: — Links to the relevant documentation for each rule.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aAceternity UI Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←Angular Core Mental Model
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar a ←SEO Audit For Concept Pages
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←Signal Forms Architecture
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77
Similar a ←Antdv Next
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar a ←WebGPU Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←Angular Compiler CLI Architecture
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Shadcn Vue
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar a ←Sessions
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Web Haptics
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
76
Similar a ←Nuxt UI Development
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84
Similar a ←Agent Sessions Layout
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←Storybook
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←React Three Fiber Best Practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Blazor Expert - Orchestration Hub
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar a ←SvelteKit Structure
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77
Similar a ←Tailwind 4 Docs
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Pyqt6 Ui Development Rules
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←Shadcn-ui Expert
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Tailwind Best Practices
tailwind-best-practices
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.EVALUATE
4.RECOMMEND
5.ACT
6.REFLECT
Triggers7
apply tailwind best practicesreview tailwind styling coderefactor tailwind componentsensure design system consistencycheck tailwind class usagevalidate design token usagestyle react components with tailwind

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download tailwind-best-practices
$ synaptic skills detail tailwind-best-practices
$ synaptic skills live tailwind-best-practices

Dependências

tailwind-css@playground-ui/ds

Links

GitHub Repository