skills.rest
Kotkoa
KotkoaCOMMUNITY
Explore all skills by this author →
GitHub

designing-beautiful-websites

Translate vague design requests into concrete interfaces with IA, wireframes, and tokens.

1|Updated Mar 17, 2026
Search Tags:#design#accessibility#tokens#wireframes#ux#design-system#ia
One-click install
npx skills add https://github.com/Kotkoa/stocker --skill designing-beautiful-websites-kotkoa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: designing-beautiful-websites
Source: https://github.com/Kotkoa/stocker/tree/main/.agents/skills/designing-beautiful-websites
Command: npx skills add https://github.com/Kotkoa/stocker --skill designing-beautiful-websites-kotkoa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs UX/UI for websites and web apps: UX strategy, information architecture, user flows, wireframes, UI systems, 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.

Core Features & Use Cases

  • Repeatable, end-to-end design workflow from strategy to visual system and tokens.
  • IA, sitemap and flows, wireframes, and component inventories to accelerate delivery.
  • Accessible design guidance and design-system tokens to enable consistent implementation.

Quick Start

Provide a complete design brief, IA, and token system for a project.

Frequently Asked Questions about designing-beautiful-websites

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn a vague website design request into a concrete UI?▼

A structured UX workflow transforms vague requests into concrete interfaces by delivering a design brief, information architecture, key user paths, and a visual token system to guide implementation.

What is included in an end-to-end UX design workflow for web apps?▼

An end-to-end UX design workflow includes UX strategy, information architecture, navigation models, user flows, wireframes, component inventories, and a polished visual design system with accessibility guidance.

How do I create a design system with tokens for a website?▼

Creating a website design system with tokens involves defining a repeatable visual system, generating a component inventory, and establishing clear accessibility and usability guidance to ensure consistent UI delivery.

Can I use this design workflow for dashboards and apps of any scale?▼

Yes, this design workflow applies to websites, web apps, and dashboards across projects of varying sizes, delivering scalable information architecture, wireframes, component inventories, and token systems.

What's the best way to plan information architecture and user flows for a web app?▼

The best way to plan information architecture and user flows is to map a navigation model, define one to three key user paths, and align the structure with UX strategy and accessibility requirements.

Related Skills

Explore More Design & Creative Skills→
cenjiecenjie

i-shape

Plan UX and UI through a structured discovery interview and design brief synthesis.

Community
Intermediate
EdgeHuntEdgeHunt

ck:frontend-design

Translate design tokens and guidelines into functional frontend code.

Official
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
marcusagmmarcusagm
4

frontend-design

Apply principled front-end design frameworks to UI components, layouts, color systems, and typography.

Community
Basic