ContentMédio

Designing Beautiful Websites

portristanmanchester·tristanmanchester· v1.0.0 · atualizado em 2026-04-10

Score

ui-designux-designweb-designdesign-systemsinformation-architectureaccessibilitycomponent-design

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mddesigning-beautiful-websites/workflow

Gather Inputs: — Collect information about user goals, business goals, content, brand signals, and constraints.

Define Strategy: — Align user goals, business objectives, and success metrics.

Scope Definition: — Define pages, features, and content requirements, prioritizing key paths.

Structure Information: — Create a sitemap, navigation model, and user flows.

Skeleton Creation: — Develop wireframes, a component inventory, and layout constraints.

Surface Design: — Build a consistent visual system with spacing, typography, and color scales.

Validation: — Conduct usability, accessibility, and consistency checks.

Hand-off Preparation: — Provide tokens, component specs, and implementation notes.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aImplement Design

60%

Árvore do Skill

Designing Beautiful Websites

designing-beautiful-websites

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers9

design a beautiful websiteimprove website user experiencecreate a website design systemdevelop a website UI/UX planconduct a visual polish pass on a websiteperform a usability test on a websitecreate a component specification for a websiteconduct an accessibility review of a websitedefine responsive behavior for a website

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download designing-beautiful-websites

$ synaptic skills detail designing-beautiful-websites

$ synaptic skills live designing-beautiful-websites

Links

GitHub Repository