AgentSkillsCN

css-layout-helper

深入解析 CSS 布局问题，并提出针对性修复方案。适用于解决对齐、间距、溢出以及响应式布局等方面的难题。

SKILL.md
--- frontmatter
name: css-layout-helper
description: Explain CSS layout issues and propose fixes. Use for alignment, spacing, overflow, and responsive layout problems.

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.