Refactoring Ui
wondelai/skills/plugins/wondelai-skills/skills/refactoring-ui作者 wondelaic172996495bed0fcd26896a9416b2093fd7073f0MIT2.3K 个星标收录于 2026年10月9日更新于 2026年10月9日仓库4周前更新
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/accessibility-depth.md | 11.5 KB | text/markdown |
| references/advanced-patterns.md | 10.7 KB | text/markdown |
| references/animation-microinteractions.md | 9.3 KB | text/markdown |
| references/data-visualization.md | 11.5 KB | text/markdown |
| references/theming-dark-mode.md | 9.9 KB | text/markdown |
| SKILL.md | 15.3 KB | text/markdown |
来源与署名
来源：wondelai/skills位于plugins/wondelai-skills/skills/refactoring-ui提交c172996
许可证： MIT
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 wondelai/skills 的技能
Web Typography
wondelai
指导网页字体的选择、搭配与实现，涵盖可读性、CSS 与字体加载。
Ux Heuristics
wondelai
使用尼尔森启发式、克鲁格原则、严重程度评级和无障碍检查来评估界面可用性。
Traction Eos
wondelai
指导领导团队实施创业运营系统（EOS），使愿景与执行保持一致。
Top Design
wondelai
指导打造获奖级沉浸式网页体验，涵盖戏剧化排版、有目的动效与滚动式设计。
Team Topologies
wondelai
基于 Team Topologies 指导工程组织设计：团队类型、交互模式、认知负荷与断裂面。
System Design
wondelai
用于设计可扩展分布式系统的结构化框架，涵盖容量估算、构建模块、数据库扩展、常见设计与运维。