Menu
Use when writing or reviewing CSS or Tailwind CSS code. Provides guidelines for layout, spacing, and class usage to avoid common pitfalls.
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
| name | me-css-guidelines |
| description | Use when writing or reviewing CSS or Tailwind CSS code. Provides guidelines for layout, spacing, and class usage to avoid common pitfalls. |
flex flex-col を安易に使わない暗黙的に min-width: auto が子要素に設定されることで、横幅がはみ出す場合があるため。
判断基準:
| ユースケース | 推奨 |
|---|---|
| 子要素間にスペースを空けたいだけ | space-y-* |
| アイテムを均等配置・stretch したい | flex flex-col |
子要素が min-width: 0 問題を起こす可能性がある | flex flex-col + 子に min-w-0 を明示 |
Use when the user wants to open a GitHub pull request with `gh pr create`. Inspects the repository for a PR template under `.github/` and follows it when present; otherwise falls back to a Japanese default template (やったこと / やらないこと / Why・背景 / Before/After / 確認URL / 確認方法 / 観点 / 補足). Keeps each section concise instead of explanatory.
Use when the user wants to fetch GitHub PR review comments and address them. Fetches inline code review comments and general PR comments using gh CLI, evaluates each comment, fixes definitive issues, and handles opinion-based suggestions (imo/nit/consider) by judging validity before acting.
Use when committing staged changes. Splits diff by Conventional Commits category, generates a message per commit, and appends task/project ID from branch name if present.
AI の振る舞いに関する方針・ルールを、将来の会話にも引き継ぐためにドキュメント（CLAUDE.md や me- スキル）へ反映する。ユーザーが「再発防止」「次回から〜しないように」「同じミスを繰り返さないように」「ルール化して」「ドキュメントに残して」「CLAUDE.md に書いて」「今後こう振る舞って」などと指示したときに使用。編集先は「特定ドメイン/タスクに閉じる話は me- スキル、汎用的な方針は適切な階層の CLAUDE.md」という判断ツリーで決める。
Use when writing or editing shell scripts (.sh files). Provides conventions for shebang, safety options, variable declarations, and Bash idioms used in this repository.