sablier-design

用途：当用户要求构建 Web 组件、页面、应用或界面时，该技能指导生成具有辨识度、生产级的 React 前端界面，避免常见的"AI 味"设计。用户需提供前端需求，可包含用途、受众或技术限制等背景。\n\n主要能力：先做设计思考，明确目的、语气（从极简、最大主义、复古未来、自然、奢华、玩乐、编辑风、粗野主义、装饰艺术、柔和、工业等中选定一个极端方向）、约束（框架、性能、无障碍）与差异化亮点。随后实现可运行的 React 代码，要求生产级且功能完整、视觉突出、风格统一、细节精炼。\n\n美学要点：排版以 Urbanist 为主字体（已在 @shared/theme/sablier.css 定义），Roboto 可作备选，使用主题的字号与字距 token；色彩与主题复用 Sablier 主题，含橙到黄渐变、暗色表面与蓝紫点缀，原生暗色主题；动效优先用 CSS 实现 HTML，React 中可用 Motion 库，注重页面加载错峰揭示与滚动、悬停状态；空间构成追求非对称、重叠、斜向、破格与留白或密集；背景与视觉细节可用渐变网格、噪点、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标与颗粒叠加等增加氛围与深度。\n\n限制：需忠于 Sablier 既有视觉语言，避免可预测布局与模板化设计；实现复杂度应与美学愿景匹配，极简需克制精准，最大主义需丰富动效与效果。资料未提供具体安装命令、收费或平台信息。