tailwind-design-system

Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and responsive design patterns. Use when building design systems, implementing custom themes, creating reusable utility patterns, configuring Tailwind theme extensions, implementing dark mode, building responsive layouts, creating design tokens, using arbitrary values, or establishing consistent spacing and typography scales.

Jump to install

Repository: korallis/Droidz
Last source activity: November 24, 2025 at 14:52
Detected SKILL.md language: English
Stars: 90
Forks: 10

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/korallis/Droidz --skill tailwind-design-system

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

ci-cd-pipeline

Set up and maintain continuous integration and continuous deployment pipelines with GitHub Actions, GitLab CI, Jenkins, or similar tools to automate testing, building, and deployment. Use when configuring automated builds, setting up test automation, implementing deployment automation, creating release workflows, managing environment deployments, configuring build caching, implementing blue-green deployments, setting up rollback strategies, or automating the entire software delivery pipeline.

2025-11-26

accessibility-wcag

Build accessible web applications following WCAG 2.1/2.2 guidelines with proper semantic HTML, ARIA attributes, keyboard navigation, screen reader support, and inclusive design. Use when implementing ARIA labels and roles, ensuring keyboard navigation, supporting screen readers, providing text alternatives for images, managing focus, creating accessible forms, building inclusive UI components, testing with accessibility tools, meeting WCAG compliance levels, or designing for users with disabilities.

2025-11-24

api-design

Design clean, scalable, and maintainable REST and GraphQL APIs following industry best practices. Use when designing public or internal APIs, planning endpoint structures, defining request/response contracts, establishing versioning strategies, implementing authentication patterns, designing data models, creating API documentation, ensuring consistent error handling, optimizing for performance, or establishing service contracts between microservices.

2025-11-24

View all from this repository

name

tailwind-design-system

description

Tailwind CSS - Utility-First Styling

When to use this skill

Building design systems with Tailwind CSS
Implementing custom themes and design tokens
Creating reusable utility class patterns
Configuring Tailwind theme extensions
Implementing light and dark mode themes
Building responsive layouts with Tailwind grid/flexbox
Creating consistent spacing and typography scales
Using arbitrary values for one-off styles
Implementing custom color palettes
Building component variants with Tailwind
Creating animation and transition systems
Establishing design consistency across projects

When to use this skill

Styling with Tailwind, creating design systems, responsive layouts.
When working on related tasks or features
During development that requires this expertise

Use when: Styling with Tailwind, creating design systems, responsive layouts.

Core Pattern

```jsx

Title

\`\`\`

Resources

Tailwind CSS

tailwind-design-system

Source facts

Install options

Review the source files

More from this repository

Tailwind CSS - Utility-First Styling

When to use this skill

When to use this skill

Core Pattern

Title

Resources

More from this repository

Tailwind CSS - Utility-First Styling

When to use this skill

When to use this skill

Core Pattern

Title

Resources