用途：该技能用于创建 UI 组件、落地页、仪表盘等前端设计工作。资料给出了一套结构化设计流程：布局设计、主题设计、动画设计、实现代码。
主要能力与流程：
- 布局设计：编码前先用 ASCII 草图规划组件结构（如页头/导航、Hero、功能卡片、页脚）。
- 主题设计：定义颜色、字体、间距、阴影。颜色上避免通用 Bootstrap 蓝（#007bff），推荐使用 oklch()，使用语义化变量（--primary、--secondary、--muted 等），并从一开始考虑明暗两种模式。字体推荐 Google Fonts，无衬线如 Inter、Roboto、Poppins 等，等宽如 JetBrains Mono、Fira Code 等，衬线如 Merriweather、Lora 等。间距用 0.25rem 基准的固定刻度，阴影应克制。
- 主题模式：资料给出“现代深色模式（Vercel/Linear 风格）”“新粗野主义”“玻璃拟态”等样式示例。
- 动画设计：提供微语法规划，如 button: 150ms 按压、hover: 200ms、fadeIn: 400ms ease-out、slideIn: 350ms、bounce: 600ms；入场动画 300-500ms，悬停 150-200ms，按钮按压 100-150ms，页面过渡 300-400ms。
- 实现规则：可通过 CDN 引入 Tailwind CSS，使用 Flowbite 组件库及 Lucide 图标；图片使用真实占位服务（Unsplash、placehold.co），不要编造图片 URL。
- 响应式：移动优先，给出容器在不同断点的内边距与最大宽度示例。
- 无障碍：语义化 HTML、正确的标题层级、aria-label、颜色对比度至少 4.5:1、支持键盘导航。
- 组件设计要点：卡片用细微阴影与一致内边距，悬停轻抬升；按钮有清晰层级与至少 44x44px 触控区及加载/禁用状态；表单标签在输入框上方、可见焦点与行内校验；导航可做粘性页头与移动端汉堡菜单。
限制：资料未提供收费、价格、平台支持范围、具体性能数据等信息，这些暂未提供。