القائمة
Advanced Tailwind CSS patterns for scalable, maintainable, and stunning UIs. Use for component styling, theme configuration, or optimizing bundle sizes.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | tailwind-master |
| description | Advanced Tailwind CSS patterns for scalable, maintainable, and stunning UIs. Use for component styling, theme configuration, or optimizing bundle sizes. |
cn() utility (clsx + tailwind-merge) to handle conditional classes and merge conflicts safely.tailwind.config.js using CSS variables to support dark mode and dynamic themes.spacing and borderRadius extensions to match the design system.w-full md:w-1/2 lg:w-1/3.group and peer for complex parent/sibling state styling.index.css for complex animations or third-party library overrides.@layer components for reusable class sets (e.g., .btn-primary).arbitrary values [#ff8800] sparingly; add them to the config if used > 2 times.content in config correctly scans all source files.v3.4+ / v4.0 features like text-wrap, dynamic viewport units, and container queries.Expert implementation of AI workflows using LangGraph and CrewAI. Use when building multi-agent systems, stateful graphs, or complex tool-use scenarios.
Expert guidance for vector database management and RAG workflows using ChromaDB. Use when implementing semantic search, document embeddings, or agentic memory.
Professional FastAPI development for high-performance AI backends. Use when building async APIs, implementing Pydantic models, or integrating with LangGraph and SQL databases.
Expert guidance for high-performance, accessible animations using Motion (formerly Framer Motion). Use when creating or refining UI transitions, layout animations, or complex component interactions in React.
Expert guidance for building high-performance React applications with Monaco Editor integration. Use when implementing IDE-like features, real-time collaboration, or complex UI states with Zustand and Socket.IO.
Advanced management of application state and data storage using SQLite and Redis. Use when implementing persistent storage, caching layers, or session management.