Web Design Reviewer

microsoft/GitHubCopilot_Customized/.github/skills/web-design-reviewer

Multi-file

designOfficial

Official Provider SkillView repo

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.

Files2 files

SKILL.md368 lines

Loading editor…

Install

Recommended

One command — your agent picks it up automatically.

Select AI agent

Select an AI agent above to see the install command.

Manual Install

More steps

Download the archive and add the files to your project manually.

Skill details

Versionv1.0.0

AuthorMicrosoft

Categorydesign

Skill IDmicrosoft/GitHubCopilot_Customized/.github/skills/web-design-reviewer

Files2 files

Related skills

Component FixturesUse when creating or updating component fixtures for screenshot testing, or when designing UI components to be fixture-friendly. Covers fixture file structure, theming, service setup, CSS scoping, async rendering, and common pitfalls.Ux Css LayoutVS Code CSS conventions, file organization, class naming, standard sizes, SplitView/Grid layout, scrollable content, responsive layout, and text overflow/ellipsis patterns. Use when writing CSS, building layouts, or fixing text truncation issues.Ux ThemingVS Code theming, color tokens, widget styles, focus indicators, and high-contrast theme support. Use when registering colors, styling widgets with theme tokens, or ensuring HC/focus compliance.Add Adaptive Card FormCreate form-based UI for your Command Palette extension using Adaptive Cards. Use when asked to add forms, user input fields, toggle switches, text inputs, dropdown menus, data entry, surveys, configuration dialogs, or interactive content pages. Supports the Adaptive Cards Designer for visual form building.Token LookupFind the matching Fluent UI design token for a hardcoded CSS value (color, spacing, font size, border radius, shadow)V9 ComponentScaffold a new v9 component with all required files following Fluent UI patterns (hook, styles, render, types, tests, stories, conformance)