此内容尚未提供您的语言版本,正在以英文显示。

Tailwind Design System

技能已验证活跃

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

目的

To enable developers to build robust and scalable design systems efficiently using the latest features of Tailwind CSS v4.

功能

Build design systems with Tailwind CSS v4
Implement design tokens and CSS-first configuration
Create component libraries with variants and responsive patterns
Incorporate accessibility and dark mode features
Leverage advanced CSS patterns for animations and theming

使用场景

Creating a component library with Tailwind v4
Implementing design tokens and theming
Building responsive and accessible components
Standardizing UI patterns across a codebase

非目标

Targeting Tailwind CSS v3 projects
Providing generic CSS utilities outside of design system context
Handling backend development or deployment

Versioning

info:Release ManagementThe SKILL.md does not explicitly declare a version, and there are no GitHub release tags or CHANGELOG.md. While the install instructions reference `main`, this is a minor point for an informational skill.

Practical Utility

info:Edge casesThe documentation covers advanced patterns and migration details but does not explicitly list failure modes or recovery steps for specific edge cases within the skill's direct scope.

安装

请先添加 Marketplace

/plugin marketplace add wshobson/agents

/plugin install frontend-mobile-development@claude-code-workflows

质量评分

已验证

98 /100

1 day ago 分析

信任信号

最近提交3 days ago

GitHub 所有者 wshobson

星标35.3k

许可证MIT

网站sethhobson.com

状态

查看源代码

类似扩展

Design Taste Frontend

资深 UI/UX 工程师。架构数字界面，克服默认 LLM 偏见。强制执行基于指标的规则、严格的组件架构、CSS 硬件加速和平衡的设计工程。

技能

Leonxlnx

Setup Tailwind Typescript

100

Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.

技能

pjt222