# Lobe Design

> Single entry for LobeHub UI design work.

Single entry for LobeHub UI design work. Routes any instruction — macro ("重做这个后台", "整体打磨一下"), medium ("把列表页的交互和空态补齐") or fine ("这个按钮颜色不对", "修 K-07") — into a business-first, layered pipeline of focused stages: 00 brief → 05 init → 10 decode → 20 direction → 30 structure → 40 flow → 50 visual → 60 system → 70 detail → 75 copy → 80 review. Covers seven scenarios: 0→1 visual pages (landing / portfolio / campaign), polishing existing product UI, admin consoles / dashboards / forms / workflows, design-system unification, screenshot restoration, pre-launch audit, and project bootstrap (AGENTS.md). Grounded in classic analysis models (double diamond, Gestalt, Nielsen heuristics, Kano, peak-end, Fogg, journey map, cognitive load) and in a layered component boundary: take atoms from @lobehub/ui, build business composites yourself. Built on @lobehub/ui, @lobehub/ui/form, @lobehub/ui/pro-table, cssVar tokens, @lobehub/charts / icons / fluent-emoji / streamdown, with runnable lint, route, refs and bootstrap checks; in-pr

- Page: https://ss33.ai/skills/lobehub/lobe-design-3220644394
- Publisher: lobehub
- Category: [Software Development](https://ss33.ai/skills/category/software-development-t44z8z) › [Frontend & UI](https://ss33.ai/skills/category/software-development-t44z8z/frontend-and-ui-q25e9r)
- Source: https://github.com/lobehub/lobehub/blob/945a76488f0e5f186d067c0748067df5715cf5bb/.agents/skills/lobe-design/SKILL.md

## Skill

This skill's licence does not allow redistribution, so the store does not serve its text. Get it from the author: https://github.com/lobehub/lobehub/blob/945a76488f0e5f186d067c0748067df5715cf5bb/.agents/skills/lobe-design/SKILL.md