All Skills Search Tools

|

Loading...

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Product & Design/web-design-guidelines

web-design-guidelines

Original：🇺🇸 English

Translated

Modern web design principles for responsive layouts, accessibility, and visual hierarchy.

2installs

Sourceskillcreatorai/ai-agent-skills

Added on2026-02-04

NPX Install

npx skill4agent add skillcreatorai/ai-agent-skills web-design-guidelines

Tags

Translated version includes tags in frontmatter

web-design responsive-layouts accessibility-design visual-hierarchy web-interfaces

SKILL.md Content

View Translation Comparison →

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.

Download

Download TranslatedIncludes original Skill.md

(1.0 KB)Download Original(467 B)

Related Skills

bolder

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.

book-cover-design

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

customer-persona

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

game-changing-features

Find 10x product opportunities and high-leverage improvements. Use when user wants strategic product thinking, mentions '10x', wants to find high-impact features, or says 'what would make this 10x better', 'product strategy', or 'what should we build next'.