메뉴
Fix CSS styling issues by visually comparing before/after screenshots. Use when the user reports visual alignment, spacing, margin, or padding problems on a web page. Also trigger when asked to fix layout issues, element spacing, or visual inconsistencies in CSS.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | css-fix |
| description | Fix CSS styling issues by visually comparing before/after screenshots. Use when the user reports visual alignment, spacing, margin, or padding problems on a web page. Also trigger when asked to fix layout issues, element spacing, or visual inconsistencies in CSS. |
| allowed-tools | Read, Edit, Write, Grep, Glob, Bash, mcp__playwright__browser_navigate, mcp__playwright__browser_take_screenshot, mcp__playwright__browser_snapshot, mcp__playwright__browser_resize |
Fix visual CSS issues using a screenshot-driven feedback loop.
section-before.png)_site/, _build/, _penguin-site/, dist/Common problems and fixes:
ul but HTML uses ol (or vice versa) — add the missing selectormargin-top or margin-bottom to create breathing roommargin-left or padding-left_build/.shake.lock)rm -f _build/.shake.lock before rebuildingpython3 -m http.server PORT --directory OUTPUT_DIRmargin over padding for spacing between sibling elements.card .cta-button over .cta-button) to avoid unintended side effects elsewhereMeasure and shrink a Haskell/cabal project's build critical path with the ghc-build-stats GHC plugin + analyzer. Use when a build is slow, won't get faster with more cores, or you want to know which modules gate compilation and how to decouple them so more modules compile in parallel.
General Nix language and tooling guidance. Use when writing nix expressions, searching for nix functions or packages, debugging nix builds, or working with nixpkgs overlays, overrides, and shell.nix / default.nix files. Does NOT cover CI — see the ci-nix skill for nix/ci.nix and GitHub Actions.
Complexity canary: use haiku to verify code is understandable in isolation. Use as a standard review step after writing non-trivial code, after completing a feature, or when asked to "dumbify", "simplify for AI", or "review for complexity". Also trigger proactively when you've just written functions with 6+ parameters, 40+ lines, or deep nesting.
Create or update a GitHub pull request. Use when you need to open a PR, when the user asks for a PR, or after completing work that should be submitted as a pull request. Handles stale/closed/merged PRs automatically by checking remote state before acting — never relies on memory of PR state.
Bypass Anubis PoW bot-check pages using Playwright MCP. Trigger when navigating to a site blocked by Anubis ('Making sure you are not a bot!', 'Oh noes!', Anubis challenge page). Also invocable as /anubis-bypass <url>.
Post comments on Reddit via old.reddit.com using Playwright MCP. Use when the user wants to comment on a Reddit post, engage in Reddit discussions, or do ghostwritten Reddit engagement. Handles login, navigation, and comment submission. Also trigger when browsing Reddit or upvoting posts.