[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-dd729688-6d7f-4532-81a1-d5040194691f":3,"$f3lesB12SRCaha8ChHDshd3BtVYenlvGnVaSEFS1wpTI":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"dd729688-6d7f-4532-81a1-d5040194691f","tailwind-design-system","使用Tailwind CSS构建生产就绪的设计系统，包括设计令牌、组件变体、响应式模式和可访问性。","cat_coding_frontend","mod_coding","sickn33,coding","---\nname: tailwind-design-system\ndescription: \"Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.\"\nrisk: safe\nsource: community\ndate_added: \"2026-02-27\"\n---\n\n# Tailwind Design System\n\nBuild production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.\n\n## Use this skill when\n\n- Creating a component library with Tailwind\n- Implementing design tokens and theming\n- Building responsive and accessible components\n- Standardizing UI patterns across a codebase\n- Migrating to or extending Tailwind CSS\n- Setting up dark mode and color schemes\n\n## Do not use this skill when\n\n- The task is unrelated to tailwind design system\n- You need a different domain or tool outside this scope\n\n## Instructions\n\n- Clarify goals, constraints, and required inputs.\n- Apply relevant best practices and validate outcomes.\n- Provide actionable steps and verification.\n- If detailed examples are required, open `resources\u002Fimplementation-playbook.md`.\n\n## Resources\n\n- `resources\u002Fimplementation-playbook.md` for detailed patterns and examples.\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,223,113,"2026-05-16 13:42:56",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"编程开发","coding","mdi-code-braces","代码生成、调试、审查，提升开发效率",2,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"前端开发","frontend","mdi-language-html5","HTML\u002FCSS\u002FJavaScript\u002F框架相关",1,96,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"50a1c95c-baf6-4342-8122-ebcea85edf10","1.0.0","tailwind-design-system.zip",6331,"uploads\u002Fskills\u002Fdd729688-6d7f-4532-81a1-d5040194691f\u002Ftailwind-design-system.zip","7ec02ac106ccea3a4f4dee0b4a5622b0a3169f7e7998f09b696ece7279aabf46","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":1505},{\"path\":\"resources\u002Fimplementation-playbook.md\",\"isDirectory\":false,\"size\":18541}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]