Web Design Guidelines
A straightforward reference for modern web design principles covering responsive layouts, accessibility, and visual hierarchy. Pull this in when you're building UI and want to follow established patterns without reinventing the wheel. It's sourced from Vercel's agent-skills repository, so you're getting battle-tested conventions rather than someone's hot takes. Most useful during the scaffolding phase of a project or when you need to make quick decisions about layout and accessibility without diving into full design system documentation. The 164 installs and clean security audits suggest it's solid for day-to-day work, though the scope is fairly general.
- skills.sh installs
- 164
- GitHub stars
- 1.1K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add skillcreatorai/ai-agent-skills --skill web-design-guidelines --agent claude-codeInstalls into .claude/skills of the current project.
Files
A straightforward reference for modern web design principles covering responsive layouts, accessibility, and visual hierarchy. Pull this in when you're building UI and want to follow established patterns without reinventing the wheel. It's sourced from Vercel's agent-skills repository, so you're getting battle-tested conventions rather than someone's hot takes. Most useful during the scaffolding phase of a project or when you need to make quick decisions about layout and accessibility without diving into full design system documentation. The 164 installs and clean security audits suggest it's solid for day-to-day work, though the scope is fairly general.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/skillcreatorai/ai-agent-skills
- Categories
- AI & Agent Building, Design & UI/UX
- First seen
- Jun 3, 2026
More from skillcreatorai/ai-agent-skills
All 30- Docx157
- Webapp Testing155
- Pptx149
- Frontend Design143
- Jira Issues141
- Skill Creator131
- Lead Research Assistant128
- Pdf124
- Video Downloader121
- Vercel Deploy120
- Qa Regression118
- File Organizer116
- Brand Guidelines115
- Code Review970
- Backend Development749
- Code Refactoring596
- Code Documentation406
- Best Practices397
- Database Design394
- Expo App Design363
- Llm Application Dev314
- Python Development314
- Content Research Writer284
- Ask Questions If Underspecified263
Recommended
More AI & Agent Building
prospect-investigationqodex-ai/ai-agent-skillsResearch and investigate business prospects and leads. Gathers company information, contact details, and qualification data for sales.163skills.sh installs
ln-012-mcp-configuratorlevnikolaevich/claude-code-skillsUse when installing MCP packages and configuring Claude-side MCP registration, hooks, permissions, IDE extension mode, and migrations.162skills.sh installs
registering-agent-base-devbase/skillsInvoke this skill when a user is building or running any automated transaction sender on Base (trading bot, arbitrage bot, sniper bot, yield farmer, AI agent, o161skills.sh installsln-011-agent-installerlevnikolaevich/claude-code-skillsInstalls or updates Codex CLI and Claude Code. Use when CLI agents need installation or update.161skills.sh installs
install-from-remote-librarymoizibnyousaf/ai-agent-skillsThis is the disciplined way to pull skills from a shared library without installing everything or skipping the preview step.161skills.sh installsshare-a-librarymoizibnyousaf/ai-agent-skillsTakes a local library you've been working on and does the full publish dance: regenerates docs, initializes git, creates the GitHub...161skills.sh installs