designing-beautiful-websites

designing beautiful websites

tristanmanchester 1 ↓ 2.1k updated 1mo ago

Claude Code

View source ↗

What it does

don’t match user goals,
hide key actions,
require too much thinking,
or are visually inconsistent.
clear structure,
usable interactions,
and a cohesive visual system.

Requirements & configuration

require too much thinking,
5) Propose a design token system (spacing, type, colour, radius, shadow) with rules.
3) any token changes needed (colours, focus styles)

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

designing beautiful websites

Source

Repository: https://github.com/tristanmanchester/agent-skills

designing-beautiful-websites FAQ

What does the designing-beautiful-websites skill do?

>- Designs UX/UI for websites and web apps: UX strategy, information architecture, user flows, wireframes, UI systems, component specs, and polished visual design. Use when the user asks to design, redesign, modernise, critique, or improve a website, landing page, web app interface, design system, style guide, or UI kit. don’t match user goals, hide key actions,

What does designing-beautiful-websites require?

require too much thinking, 5) Propose a design token system (spacing, type, colour, radius, shadow) with rules. 3) any token changes needed (colours, focus styles)

How do I install designing-beautiful-websites?

Run: npx -y skills add https://github.com/tristanmanchester/agent-skills --skill designing-beautiful-websites --agent claude-code — the source lives at github.com/tristanmanchester/agent-skills.

Maintain designing-beautiful-websites?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[designing-beautiful-websites on getagentictools](https://getagentictools.com/skills/tristanmanchester-agent-skills-designing-beautiful-websites?ref=badge)

npx agentictools info skills/tristanmanchester-agent-skills-designing-beautiful-websites

The second line is the CLI lookup for this page — handy in READMEs and docs.