Menu
Best practices for Tailwind CSS, responsive design, and dark mode.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Bootstraps a new project with standard folder structure, git init, basic files, planning doc skeletons, and initial memory.json. Triggers on new project creation keywords. CRITICAL for first-time setup.
Configuration for Virtual Hosts, .htaccess, and PHP-FPM in LAMP stacks.
Principles for REST, GraphQL, versioning, and API authentication.
Optimization and usage of SVGs, fonts, and static assets.
Patterns for maintaining or migrating Bootstrap 3/4/5 projects.
Caddyfile configuration, auto-HTTPS, and FastCGI.
| name | tailwind-utilities |
| description | Best practices for Tailwind CSS, responsive design, and dark mode. |
tailwind.config.js.prettier-plugin-tailwindcss if available.@apply sparingly (only for true reusability patterns).md:, lg: overrides.[] syntax sparingly (e.g., top-[13px]) only when design system tokens don't suffice.class strategy (toggling a class on html/body) rather than media (auto-detect) for better user control.dark:bg-slate-900 or CSS variables for semantic colors (bg-background where background changes based on root theme).