菜单
Inspect a live page for layout, spacing, responsive, and accessibility issues, then trace the fixes back to the real source files.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Map an unfamiliar repository into a usable working model by documenting stack, structure, architecture, integrations, testing, and known concerns.
Review .NET and C# changes for maintainability, correctness, dependency injection hygiene, async behavior, logging, configuration, and testability.
Review an agent system against the OWASP Agentic Security Initiative Top 10 so prompt injection, tool abuse, escalation, and audit gaps are found early.
Plan or review CodeQL scanning so security analysis, workflow triggers, language coverage, and SARIF reporting fit the real repository structure.
Build cleaner dashboard layouts with consistent cards, panels, and grid structure. Use when requests mention "split this card", "use more width", "make cards uniform", "panel layout", or "dashboard grid".
Choose charts, tables, KPI treatments, and visual emphasis that make dashboard data readable at a glance. Use when requests mention "chart choice", "KPI cards", "make the data clearer", "analytics dashboard", or "show trends better".
| name | review-web-design-quality |
| description | Inspect a live page for layout, spacing, responsive, and accessibility issues, then trace the fixes back to the real source files. |
| category | Task |
| pinned | true |
| trigger_hints | web design, ui review, responsive, layout, accessibility, css, screenshots |
Inspect a live page for layout, spacing, responsive, and accessibility issues, then trace the fixes back to the real source files.
Use this when a page looks broken, inconsistent, or awkward and you need a practical visual review instead of guessing from code alone.
