Lobe Design
Single entry for LobeHub UI design work.
by lobehub
The skill
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
This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: lobehub/lobe-design-3220644394.
Details
- Publisher
- lobehub
- Category
- Software Development › Frontend & UI
- Updated
- 2026-10-19
References
More from lobehub
- Acceptance End-to-end verification and self-evidence for a delivery in any repository, with or without a pre…
- Add Model Provider Add an AI model provider to LobeHub, including runtime integration, model cards, configuration, b…
- Add Setting Env Add server-side environment variables that control default values for user settings.
- Agent Runtime Hooks Use for agent lifecycle hooks, tool mocks, intervention, sub-agent calls and context compression.