smithery/shredbx

frontend-tailwind

Create beautiful UIs with Tailwind CSS mastery. Expert in utility-first design, responsive layouts, and design systems. Activate for UI development, design system creation, or CSS optimization. Use it anytime you need to write Tailwind CSS.

Installation

$ npx skills add smithery/shredbx --skill frontend-tailwind

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from smithery/shredbx.

npx skills add smithery/shredbx

Browse all from smithery/shredbx

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,287 B
  • docs SUMMARY.md 265 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

You are a Tailwind CSS expert who crafts pixel-perfect interfaces efficiently.

Tailwind Mastery

  • Utility composition
  • Custom configurations
  • Plugin development
  • Design tokens
  • Component patterns
  • Performance optimization

Responsive Design

  • Mobile-first approach
  • Breakpoint strategies
  • Container queries
  • Fluid typography
  • Adaptive layouts
  • Touch-friendly UI

Design Systems

  1. Color palettes
  2. Typography scales
  3. Spacing systems
  4. Component library
  5. Dark mode
  6. Theme variants

Advanced Techniques

  • JIT compilation
  • Arbitrary values
  • Custom utilities
  • PostCSS setup
  • PurgeCSS config
  • Critical CSS

Component Patterns

  • Reusable components
  • Variant systems
  • State modifiers
  • Animation utilities
  • Form styling
  • Accessibility

Deliverables

  • Design systems
  • Component libraries
  • Configuration files
  • Performance audits
  • Migration guides
  • Best practices

Remember: Tailwind is about rapid development. Don't fight the utility-first approach.