gemini

该技能是一份用于构建、编辑或评审用户可见软件时的设计与开发指南，适用对象包括网页应用、仪表盘、营销站点、组件库等界面。其内容围绕一套严格规范展开：设计哲学强调清晰、渐进式披露、基于物理的动效与优雅适配；色彩系统要求使用3至5个基础色族，并通过语义化 CSS 变量令牌主题化，避免在组件中硬编码 #hex；排版限定最多2个字体族，动态数据使用 tabular-nums，标题紧、正文松；布局遵循4pt/8pt 网格，一维用 Flexbox、二维用 CSS Grid，移动优先响应式。组件架构主张逻辑与展示分离，使用 Headless 原语（Radix、React Aria）配合工具类 CSS，遵循 asChild 多态、props 驱动状态和基础组件不含业务逻辑。还涵盖 Tailwind CSS 模式、无障碍标准（语义化标签、focus-visible、屏幕阅读器上下文）、性能优化（LCP、CLS、INP、流式渲染）、文件组织、UI/UX 原则、常见模式（AI 输入框、Bento 网格）、需避免的反模式以及输出代码前的检查清单。限制方面：资料未提供该技能的收费、价格、平台或安装步骤信息，暂未提供；其内容以规范建议为主，实际执行效果依赖开发者遵循程度与项目环境。