web-design

Review web interface code for compliance with Web Interface Guidelines.

7|2|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/LuisSambrano/antigravity-config --skill web-design-luissambrano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design
Source: https://github.com/LuisSambrano/antigravity-config/tree/main/skills/3-web/web-design
Command: npx skills add https://github.com/LuisSambrano/antigravity-config --skill web-design-luissambrano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that web interface code adheres to established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

  • UI Code Review: Automatically checks UI code against a predefined set of design and accessibility best practices.
  • Guideline Compliance: Verifies that the code follows the latest standards fetched from a remote source.
  • Use Case: When you've finished building a new component and want to ensure it meets your team's design standards before merging, use this skill to perform an automated audit.

Quick Start

Use the web-design skill to review the UI code in the 'src/components' directory.

Frequently Asked Questions about web-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit front-end code for UI guideline compliance?

To audit front-end code for UI guideline compliance, you can review web interface code against established design and accessibility best practices. This skill fetches external guideline definitions and applies them to specified file patterns to ensure consistency.

What is automated UI code review for web design?

Automated UI code review for web design is the process of checking interface code against a predefined set of design and accessibility best practices. It verifies that your code follows the latest standards fetched from a remote source.

Can I check accessibility guidelines for specific file patterns in my project?

Yes, you can check accessibility guidelines for specific file patterns in your project. The review applies established Web Interface Guidelines to front-end code by fetching external definitions and evaluating them against the specified file patterns.

Does this web design guideline checker work with my existing front-end development tasks?

This web design guideline checker works with front-end development tasks requiring automated design and accessibility audits. It reviews your web interface code to ensure it adheres to established Web Interface Guidelines.

When do I need to run a web interface design audit?

You need to run a web interface design audit when you have finished building a new component and want to ensure it meets your team's design standards before merging. It improves consistency and quality across your project.