tailwind-design-system 是做什麼的?
使用 Tailwind CSS 建立可投入生產的設計系統,包含設計代碼、元件變體、響應式模式與無障礙功能。
使用 Tailwind CSS 建立可投入生產的設計系統,包含設計代碼、元件變體、響應式模式與無障礙功能。
此技能「sickn33/tailwind-design-system」專注於協助開發者透過 Tailwind CSS 建立可投入生產的設計系統。它涵蓋了設計系統的核心要素,包括設計代碼(design tokens)、元件變體(component variants)、響應式模式(responsive patterns)以及無障礙功能(accessibility)。通過提供結構化的指南和範例,此技能幫助團隊確保 UI 的一致性和可維護性,同時充分利用 Tailwind 的 utility-first 方法。它支援多種平台(如 Claude Code、Cursor、Codex),並透過標準化設計決策來加快開發流程。簡而言之,此技能旨在消除設計與開發之間的鴻溝,讓您專注於建立高品質、具擴展性的前端架構。
npx skills add https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/tailwind-design-system使用 Tailwind CSS 建立可投入生產的設計系統,包含設計代碼、元件變體、響應式模式與無障礙功能。
This repo contains 20 individual skills — each has its own dedicated page.
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.
A hybrid memory system that provides persistent, searchable knowledge management for AI agents (Architecture, Patterns, Decisions).
Memory is the cornerstone of intelligent agents. Without it, every interaction starts from zero. This skill covers the architecture of agent memory: short-term (context window), long-term (vector stores), and the cognitive architectures that organize them.
Expert in designing and building autonomous AI agents. Masters tool use, memory systems, planning strategies, and multi-agent orchestration.
Generate comprehensive, developer-friendly API documentation from code, including endpoints, parameters, examples, and best practices
API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities
Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play Store
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
Transform audio recordings into professional Markdown documentation with intelligent summaries using LLM integration
Specialized skill for building production-ready serverless applications on AWS. Covers Lambda functions, API Gateway, DynamoDB, SQS/SNS event-driven patterns, SAM/CDK deployment, and cold start optimization.
Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems.
You are a senior backend engineer operating production-grade services under strict architectural and reliability constraints. Use when routes, controllers, services, repositories, express middleware, or prisma database access.
Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.
Bash scripting workflow for creating production-ready shell scripts with defensive patterns, error handling, and testing.
Use before creative or constructive work (features, architecture, behavior). Transforms vague ideas into validated designs through disciplined reasoning and collaboration.
Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns.
Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing.
BullMQ expert for Redis-backed job queues, background processing, and reliable async execution in Node.js/TypeScript applications.
Fast, modern JavaScript/TypeScript development with the Bun runtime, inspired by [oven-sh/bun](https://github.com/oven-sh/bun).
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".