This skill provides practical guidance and example configurations for Tailwind CSS's configuration file (tailwind.config.js/.ts). It explains content paths, safelisting/transform for dynamic classes, theme extension vs replacement, plugin usage, dark mode strategies, and production optimizations.
Use when setting up Tailwind for a new project, migrating an existing project to Tailwind, fixing missing classes in production builds, implementing a design system (brand colors, spacing), or adding custom plugins and utilities. Helpful when encountering dynamic class generation or purge/production size issues.
Likely compatible with code-focused agents and developer assistants (Claude Code, Codex, Gemini CLI, Cursor).
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.
GraphQL Inspector — Validate
Validate GraphQL operations against a schema with configurable depth, complexity, alias and directive limits to catch errors before runtime.
Pytest Plugins Guide
Guidance on the pytest plugin ecosystem: plugin development, pytest-cov, pytest-mock, configuration, CI integration, and advanced patterns.
Gleam — Erlang Interop
Guides Gleam developers to call Erlang libraries, declare external functions, handle Erlang types, and integrate with OTP, NIFs, and ports.
Atomic Design — Quarks
Guidance for creating and organizing ‘quarks’—design tokens and primitive values (colors, spacing, typography, shadows) that form the foundation of a design sys
Professional Honesty
Guidelines for agents to prioritise technical accuracy and direct, evidence-based communication instead of excessive agreeableness.
React Native Components
Practical guidance and patterns for building React Native UI components: core components, composition, performance best practices, and common patterns.
Gluestack UI — Accessibility
Guidance and best practices for building accessible interfaces with gluestack-ui (WCAG 2.1 AA, ARIA, screen readers, keyboard navigation).
