CtrlK
BlogDocsLog inGet started
Tessl Logo

tailwind-patterns

Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes.

94

1.56x
Quality

95%

Does it follow best practices?

Impact

89%

1.56x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

89%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is a solid description with explicit trigger terms and a clear domain focus on Tailwind CSS. Its main weakness is that the 'what' portion is somewhat high-level ('quick reference for... utility patterns, responsive design, and configuration') rather than listing specific concrete actions the skill performs. Overall it performs well for skill selection purposes.

Suggestions

Add more specific concrete actions, e.g., 'Provides class syntax for layouts, spacing, typography, colors, and dark mode. Helps configure tailwind.config.js with custom themes and plugins.'

DimensionReasoningScore

Specificity

Names the domain (Tailwind CSS) and mentions some areas like 'utility patterns, responsive design, and configuration,' but doesn't list specific concrete actions (e.g., 'apply flex layouts,' 'configure custom themes,' 'set up dark mode toggles').

2 / 3

Completeness

Answers both 'what' (quick reference for Tailwind CSS utility patterns, responsive design, and configuration) and 'when' (explicit 'Triggers on:' clause listing specific trigger terms).

3 / 3

Trigger Term Quality

Includes a good set of natural trigger terms: 'tailwind', 'utility classes', 'responsive design', 'tailwind config', 'dark mode css', 'tw classes' — these cover common variations a user would naturally say.

3 / 3

Distinctiveness Conflict Risk

Clearly scoped to Tailwind CSS specifically, with distinct triggers like 'tailwind', 'tw classes', and 'tailwind config' that are unlikely to conflict with general CSS or other framework skills.

3 / 3

Total

11

/

12

Passed

Implementation

100%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is an excellent quick-reference skill that is lean, well-structured, and highly actionable. It respects Claude's intelligence by providing only concrete patterns without explaining basic CSS or Tailwind concepts. The progressive disclosure to a component-patterns reference file is appropriately handled.

DimensionReasoningScore

Conciseness

Every section is lean and reference-style. No unnecessary explanations of what Tailwind is or how CSS works. Tables and code snippets are compact and information-dense.

3 / 3

Actionability

All examples are copy-paste ready HTML/JS snippets with real Tailwind classes. The code is directly executable and covers common patterns (layout, card, button, form input, dark mode, arbitrary values).

3 / 3

Workflow Clarity

This is a single-purpose reference skill, not a multi-step workflow. The content is clearly organized by topic with unambiguous patterns. No destructive or batch operations require validation checkpoints.

3 / 3

Progressive Disclosure

The skill provides a concise overview with well-organized sections and a single clear reference to a deeper file (component-patterns.md) for additional patterns. Navigation is one level deep and clearly signaled.

3 / 3

Total

12

/

12

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
NeverSight/skills_feed
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.