web-design-guidelines
From the author
Load when a task needs UI, UX, accessibility, or web interface guideline compliance review; use frontend-design when creating or changing production UI.
Install
npx skills add JasonxzWen/harness-hub --skill web-design-guidelines -a claude-code
Installs to .claude/skills/web-design-guidelines/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 78
Security100
Provenance62
Maintenance70
Licence100
Adoption33
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- frontend-designanthropics/skillsGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.OfficialDesign★ 183.4K
- ui-designTencentCloudBase/CloudBase-AI-ToolkitUse when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.Design★ 1.1K
- frontendcode-yeongyu/oh-my-openagentBuilds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or visual-quality task, or when asked to make an interface look or feel a certain way.Design★ 70.3K
- frontend-ui-engineeringaddyosmani/agent-skillsBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.Design★ 110.1K
- product-ui-reviewJasonxzWen/harness-hubLoad when an existing Web product, especially a dashboard, dense-data view, or multi-step app, needs a deep evidence-backed experience review; report findings only, and use design-taste-frontend for marketing-page direction, code-review for source diffs, web-design-guidelines for checklist compliance, or frontend-design for implementation.Design★ 71
- web-design-director62656456/ai-film-skillsDesign, implement, or review websites and application interfaces through product-specific visual direction, information architecture, interaction design, responsive behavior, accessibility, and verified frontend execution. Use for 网页设计、网站设计、界面设计、UI/UX、页面布局、前端视觉、交互设计、设计系统、响应式 and interface work on dashboards, workbenches, asset libraries or landing pages. Mere mentions of these surfaces, file/catalog management, backend-only work, README or repository updates, and maintenance of this skill do not request interface design or deployment.Design★ 87
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in