AgentSkillsCN

tailwind-css

为可复用的 React 组件制定 Tailwind 样式规范，构建响应式、高可访问性且支持自定义样式的类名架构。

SKILL.md
--- frontmatter
name: tailwind-css
description: Implement Tailwind styling conventions for reusable React components with responsive, accessible, and overridable class architecture.
argument-hint: "[ui goal] [component files] [responsive/theme constraints]"
user-invokable: true
disable-model-invocation: false

Skill Instructions

Use this skill when the request matches Tailwind CSS Styling Guidelines for React Components or references patterns from docs/tailwind-css.md.

Workflow

  1. •Read SOURCE.md for the full repository guidance.
  2. •Identify concrete constraints, conventions, and required outputs.
  3. •Apply the guidance directly to the current task, keeping changes minimal and repository-consistent.
  4. •Validate results (tests/lint/build where relevant).
  5. •Summarize what was applied from this skill and where.

Input Guidance

When invoking this skill manually, include:

  • •Task goal
  • •Target files or modules
  • •Any constraints (performance, architecture, style, tests)

Source

This skill is generated from docs/tailwind-css.md. Use SOURCE.md as the canonical local resource loaded on demand.