菜单
Apply Tailwind CSS class organization and component extraction rules, including logical class ordering and extracting repeated patterns into components. Use when editing `resources/views/**/*.blade.php`, `resources/**/*.css`, `**/*.vue`, `**/*.jsx`, or `**/*.tsx`.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Handle provider-aware Git review and release operations for repositories hosted on GitHub or GitLab, including canonical review remote selection, default branch identification, provider detection, base branch resolution, existing PR or MR lookup, PR or MR creation, squash merge flows, existing release lookup, and release creation from a pushed tag. Use when a workflow needs to resolve the default branch or canonical review remote, open or merge a review request, or publish a provider release for the current repository. Do not use for generic commits, branch grouping, plain pushes, or sync-only tasks beyond the remote and default-branch guidance they reuse.
Write prompts, reusable instruction files, and portable SKILL.md files with agent-agnostic guidance, clear trigger boundaries, semantic markdown structure, strong information ordering, concise examples, protocols, standards, constraints, progressive disclosure, and unwrapped Markdown prose. Use when creating or editing prompts, agent instructions, command docs, rules, skills, AGENTS.md, or similar instruction artifacts.
Author and review PHP production code and Pest tests with strict_types, PSR-12 structure, braces on all control structures, Yoda conditions for literal comparisons, PHPStan-friendly annotations, Symfony-first utilities, and behavior-first Pest conventions. Use when working in `**/*.php`, `tests/**/*.php`, or when implementation and Pest coverage move together. Do not use for Livewire-specific component structure, docs-only work, or non-PHP stacks.
Design, build, and evolve Tauri v2 desktop apps with Rust backend services and React/TypeScript frontends. Use when the user wants to create a Tauri app, add or refactor commands, shape IPC contracts, build desktop features that span Rust and React, or harden Tauri security, state, and performance behavior. Do not use for Electron apps, standalone React web apps, or Tauri projects with a non-React frontend stack.
Write user documentation in Laravel-style prose with reader-first structure, active voice, problem-solution openings, and simple-to-advanced progression. Use when editing `docs/**/*.md` or `**/README.md` files.
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
| name | tailwindcss |
| description | Apply Tailwind CSS class organization and component extraction rules, including logical class ordering and extracting repeated patterns into components. Use when editing `resources/views/**/*.blade.php`, `resources/**/*.css`, `**/*.vue`, `**/*.jsx`, or `**/*.tsx`. |
Supplementary rules for class organization and component extraction (core Tailwind v4 syntax covered by Laravel Boost).
<!-- Organized class order: layout → spacing → sizing → colors → effects -->
<button class="flex items-center gap-2 px-4 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 transition-colors">
Submit
</button>
{{-- resources/views/components/button.blade.php --}}
<button {{ $attributes->merge(['class' => 'px-4 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700']) }}>
{{ $slot }}
</button>
Think through class placement carefully:
When patterns repeat, extract into Blade/Vue/React components matching project conventions.