Web Interface Guidelines
CommunityComprehensive design guidelines for web interfaces covering interactions, animations, layout, content, forms, performance, and design principles.
Installation
Clone or download this skill to your Claude Code skills directory:
Skills are stored in ~/.claude/skills/ for personal use or .claude/skills/ for project-specific skills.
How it Works
This skill extends Claude Code's capabilities by providing specialized instructions for comprehensive design guidelines for web interfaces covering interactions, animations, layout, content, forms, performance, and design principles.
When you work on tasks related to this skill's domain, Claude Code automatically loads the relevant instructions to improve accuracy and provide domain-specific guidance.
/web-interface-guidelines to explicitly invokeCompatibility
This skill uses the open Agent Skills specification and is compatible with:
Tags
Related Development Skills
Build production-grade frontend interfaces with React and Tailwind CSS, avoiding generic AI aesthetics.
Create high-quality Model Context Protocol (MCP) servers for extending Claude's capabilities.
Test web applications using Playwright with automated browser testing and assertions.
More from Vercel
40+ performance rules across 8 categories for React and Next.js, covering async waterfalls, bundle size, SSR, data fetching, re-renders, and advanced patterns.
Headless browser automation CLI for AI agents with fast Rust implementation, accessibility tree snapshots, semantic locators, and session isolation for parallel operations.