SuperAPI AI 工具集

frontend-ui-dark-ts

前端与建站

查看项目

更新于 10-16 09:28

技能介绍

用途:这是一个现代深色主题的 React UI 系统,基于 Tailwind CSS 与 Framer Motion,主要面向仪表盘、管理后台以及数据密集型应用,提供玻璃拟态效果和适度动画。

主要能力与配色约定:资料给出了明确的颜色使用规范,包括主操作使用品牌紫色 bg-brand text-white,悬停为 hover:bg-brand-hover;页面背景 bg-neutral-bg1,卡片背景 bg-neutral-bg2,抬升表面 bg-neutral-bg3;输入框背景 bg-neutral-bg2,聚焦 focus:bg-neutral-bg3;默认边框 border-border,细微边框 border-border-subtle;状态色分别为 text-status-success、text-status-warning、text-status-error。

使用方式:资料要求在执行该技能前先阅读详细指南,指南保留完整流程与参考资料,其安全、前置条件和验证要求视为强制。聚焦任务可只加载相关章节,端到端任务需完整阅读指南。

适用场景:适合需要深色主题的仪表盘、管理面板和数据密集界面。

限制:仅当任务明确符合上述范围时使用;输出不能替代针对具体环境的验证、测试或专家审查;若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。具体版本、依赖安装命令、价格与平台等信息暂未提供。