Agent skill

frontend-design

前端设计美学秘典。UI美学、组件模式、UX原则。当魔尊需要前端设计、UI/UX指导、组件设计时使用。

Stars 159

Forks 18

Install this agent skill to your Project

npx add-skill https://github.com/telagod/code-abyss/tree/main/skills/domains/frontend-design

主题	文档	涵盖
UI美学	ui-aesthetics.md	色彩理论、排版系统、间距系统、视觉层次、设计令牌、暗色模式、阴影层级
组件模式	component-patterns.md	布局模板、响应式设计、交互模式、动画、表单设计、卡片组件、导航模式
UX原则	ux-principles.md	可用性、无障碍、信息架构、用户流程、加载体验、反馈设计、移动端优先、性能感知
状态管理	state-management.md	Redux、Zustand、Jotai、Recoil、Context API、性能优化
前端工程化	engineering.md	性能优化、Web Vitals、测试（Vitest/Playwright）、构建工具（Vite/Webpack）

风格	文档	涵盖
Claymorphism	claymorphism/SKILL.md	软陶风格、大圆角、双内阴影、偏移外阴影、暗色模式
Glassmorphism	glassmorphism/SKILL.md	毛玻璃风格、backdrop-filter、透明度、模糊层级
Neubrutalism	neubrutalism/SKILL.md	新粗野主义、粗边框、实色偏移阴影、高饱和色彩
Liquid Glass	liquid-glass/SKILL.md	Apple 液态玻璃、半透明深度感知、弹簧动画、环境响应