# Frontend Design

> Design repository web pages when visual web work is requested. Use design-ui-window for Avalonia UI.

- Skill: `sharex/frontend-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add sharex/frontend-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/sharex/frontend-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: Complete terms in LICENSE.txt
- Author: sharex (https://skillmd.com/u/sharex)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/sharex/frontend-design

---


# Web design

Follow the target web project's existing stack, components, and visual conventions. For a new design, choose typography, spacing, color, and motion that serve the user's audience and purpose.

Implement the requested interactions, responsive layout, keyboard behavior, and loading/error states. Verify the rendered result at relevant viewport sizes. Add visual effects only when they improve the requested experience.

For Avalonia pages and dialogs, use [design-ui-window](../design-ui-window/SKILL.md).