القائمة
Tailwind CSS v4 patterns. CSS-first config, container queries, tokens.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Structured iterative reasoning framework for deep problem solving, featuring verification loops and refinement stages.
API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
Main application building orchestrator. Creates full-stack applications from natural language requests.
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation.
Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting.
AI operational modes (BRAINSTORM, IMPLEMENT, DEBUG, REVIEW, TEACH, SHIP).
| name | tailwind-patterns |
| description | Tailwind CSS v4 patterns. CSS-first config, container queries, tokens. |
| allowed-tools | Read, Write, Edit, Glob, Grep |
CSS-first. Native. Fast.
@theme { --color-primary: ... }. No JS config.@container).@theme {
--color-primary: oklch(0.7 0.15 250);
--font-sans: 'Inter', system-ui;
}
w-full md:w-1/2.@container (parent) -> @md: (child).dark:bg-zinc-900.media (auto) or selector (manual).flex flex-col gap-4.grid grid-cols-[auto_1fr].grid-cols-3 with col-span-2.@apply (discouraged).--color-primary, not hex".z-999".