css-layout-helper
Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
ソース情報
- リポジトリ
- proflead/codex-skills-library
- ソースの最終更新活動
- 2026年1月12日 16:12
- 検出された SKILL.md の言語
- 英語
- スター
- 154
- フォーク
- 34
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- css-layout-helper
- description
- Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
# CSS Layout Helper
## Purpose
Explain CSS layout issues and propose fixes.
## Inputs to request
- HTML structure and CSS snippet.
- Desired layout and screenshots.
- Target browsers and breakpoints.
## Workflow
1. Identify the container and child roles.
2. Recommend flex or grid with key properties.
3. Provide a minimal CSS snippet to test.
## Output
- Proposed CSS changes with explanation.
## Quality bar
- Prefer minimal changes over rewrites.
- Call out responsive implications.
GitHubで見る