Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

Começar

web-design-guidelines

Estrelas1

Forks0

Atualizado1 de abril de 2026 às 20:38

Web interface design guidelines for building polished, accessible, and intuitive user interfaces.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

RevealUIStudio

RevealUIStudio/revcon

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Designers de interfaces web e digitaisInformática e Matemática·SOC 15-1255

SKILL.md

readonly

name	web-design-guidelines
description	Web interface design guidelines for building polished, accessible, and intuitive user interfaces.

Web Design Guidelines

Refer to the official documentation for comprehensive guidance:

Key Points

Design with spatial consistency: use a fixed spacing scale (4px/8px grid), consistent border radii, and predictable padding so the interface feels cohesive rather than ad hoc
Prioritize accessibility from the start: use semantic HTML elements, ensure sufficient color contrast (WCAG AA minimum), provide visible focus indicators, and support keyboard navigation for all interactive elements
Respect motion preferences: wrap animations in prefers-reduced-motion media queries, keep transitions under 200ms for micro-interactions, and avoid layout shifts that disrupt reading flow
Use progressive disclosure: show only essential information by default and reveal details on demand through expandable sections, tooltips, or drill-down views rather than overwhelming the user upfront
Maintain typographic hierarchy: limit to 2-3 font sizes per view, use weight and color (not just size) to establish importance, and ensure body text has a comfortable line height (1.5-1.75) and line length (45-75 characters)

Mais deste repositório

mesmo repositório

db-migrate

RevealUIStudio/revcon

Create and apply Drizzle ORM migrations against the single Neon-primary PostgreSQL database

2026-06-231

preflight

RevealUIStudio/revcon

Run the 15-check pre-launch preflight and interpret results with context-aware fix suggestions

2026-06-231

next-best-practices

RevealUIStudio/revcon

Next.js App Router best practices for routing, data fetching, rendering, and optimization.

2026-04-011

next-cache-components

RevealUIStudio/revcon

Next.js Cache Components, 'use cache' directive, PPR, cacheLife, cacheTag, and migration from unstable_cache.

2026-04-011

turborepo

RevealUIStudio/revcon

Turborepo monorepo task orchestration, caching, and pipeline configuration guidance.

2026-04-011

vercel-composition-patterns

RevealUIStudio/revcon

React composition patterns for building maintainable, reusable component architectures.

2026-04-011

name	web-design-guidelines
description	Web interface design guidelines for building polished, accessible, and intuitive user interfaces.

Web Design Guidelines

Refer to the official documentation for comprehensive guidance:

Key Points

Design with spatial consistency: use a fixed spacing scale (4px/8px grid), consistent border radii, and predictable padding so the interface feels cohesive rather than ad hoc
Prioritize accessibility from the start: use semantic HTML elements, ensure sufficient color contrast (WCAG AA minimum), provide visible focus indicators, and support keyboard navigation for all interactive elements
Respect motion preferences: wrap animations in prefers-reduced-motion media queries, keep transitions under 200ms for micro-interactions, and avoid layout shifts that disrupt reading flow
Use progressive disclosure: show only essential information by default and reveal details on demand through expandable sections, tooltips, or drill-down views rather than overwhelming the user upfront
Maintain typographic hierarchy: limit to 2-3 font sizes per view, use weight and color (not just size) to establish importance, and ensure body text has a comfortable line height (1.5-1.75) and line length (45-75 characters)