designing-beautiful-websites

Generate UX/UI design plans with briefs, IA, wireframes, and design tokens.

Updated Apr 17, 2026

Search Tags:#accessibility #tokens #ui-design #wireframes #ux #design-system #information-architecture

Ready to run

npx skills add https://github.com/SharmaAnurag99/LuxuryBabyShop --skill designing-beautiful-websites-sharmaanurag99

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: designing-beautiful-websites
Source: https://github.com/SharmaAnurag99/LuxuryBabyShop/tree/main/.agents/skills/designing-beautiful-websites
Command: npx skills add https://github.com/SharmaAnurag99/LuxuryBabyShop --skill designing-beautiful-websites-sharmaanurag99

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs UX/UI for websites and web apps: turn vague requests into repeatable workflows that yield clear structure, usable interactions, and a cohesive visual system.

Core Features & Use Cases

Automated design briefs: capture users, goals, constraints, and success metrics to guide the project.
IA, flows, and skeletons: generate sitemap/navigation models and key user journeys.
Visual system output: tokens, component specs, accessibility considerations, and QA notes.
Use Case: when asked to design, redesign, modernise, critique, or improve a website, landing page, web app interface, design system, style guide, or UI kit.

Quick Start

Ask the AI to craft a complete UX/UI design plan for a given website, including briefs, IA, flows, tokens, and deliverables.

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 request into a structured UX/UI design plan?▼

To create a UX/UI design plan from a vague request, generate an automated design brief capturing users, goals, and constraints. Then, translate these into repeatable workflows that yield information architecture, key user journeys, and wireframes for a cohesive visual system.

What is included in a design tokens workflow for web apps?▼

A design tokens workflow for web apps includes generating structured visual system outputs like component specs, accessibility considerations, and QA notes. It provides guardrails and handoff-ready deliverables for engineers, ensuring cohesive and usable interactions.

Can I use this approach to redesign an existing website or expand a design system?▼

Yes, you can use this approach to redesign, modernize, or critique existing websites, landing pages, and web app interfaces. It also applies to design-system expansions, delivering style guides, UI kits, and structured UX/UI plans for improved usability.

How do I generate sitemap and navigation models for a new dashboard?▼

Generate sitemap and navigation models for a new dashboard by mapping out the information architecture and key user journeys. This process yields structured skeletons and wireframes that define usable interactions and clear structure for the interface.

What's the best way to ensure accessibility considerations are included in UI design?▼

The best way to ensure accessibility considerations are included in UI design is to integrate them directly into the visual system output. This involves generating specific QA notes and component specs alongside design tokens to guide engineers during handoff.