Use when adding new error messages to React, or seeing "unknown error code" warnings.
web-design-guidelines
637
60
# Install this skill:
npx skills add skillcreatorai/Ai-Agent-Skills --skill "web-design-guidelines"
Install specific skill from multi-skill repository
# Description
Modern web design principles for responsive layouts, accessibility, and visual hierarchy.
# SKILL.md
name: web-design-guidelines
description: Modern web design principles for responsive layouts, accessibility, and visual hierarchy.
author: vercel
category: development
tags: [react, nextjs, typescript]
Web Design Guidelines
Modern web design principles for responsive layouts, accessibility, and visual hierarchy.
When to Use
- Creating polished web interfaces
- Improving accessibility
- Responsive design patterns
- Visual hierarchy decisions
Source
This skill references patterns from Vercel's agent-skills.
# Related Skills
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging...
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves...
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.