码巢引擎2026年开发文档
00-开发规范
后端规范
README
后端开发手册
前端规范
README
TypeScript最佳实践
前端布局规范
前端页面模板
前端颜色与组件规范
核心规范
组件配置手册
问题排查指南
页面模板
最佳实践
README
bp-20260223-m7ps
图片上传优化总结
BUG自动记录系统使用指南
README
TYPE_SAFETY_GUIDE
常见BUG知识库
常见BUG知识库
开发前检查清单
开发安全规范
开发规范-完整版-含FutureBirdAadminAi部署
数据模型字典
文档分类规范
文档标准化规范
文档模板-基础版
文档模板-技术版
类型安全快速参考卡
类型安全规范体系
规范更新指南
过期文档清理机制
错误处理规范
错误预防指南
常见BUG知识库
常见BUG知识库
01-快速开始
Gitee快速开始
README
协作快速开始
快速开始
质量保证快速开始
02-部署指南
Docker更新指南
Docker部署
FutureBirdAadminAi部署指南
FutureBirdAadminAi部署问题分析
README
发布指南
宝塔Docker部署教程
宝塔PM2部署教程
宝塔图形化部署教程
快速发布指南
数据库和依赖变更处理指南
构建和发布
构建标准
构建检查清单
生产部署快速开始
生产部署方案
生产部署标准
生产部署检查清单
程序备份性能
自动修复和发布指南
自动化发布命令使用指南
部署快速开始
部署指南
项目更新部署指南
03-开发指南
Git凭据配置
Git推送规则
Git自动配置
README
全局样式
协作设置
定时任务
开发指南
开发流程
开发环境标准
技术改进
贡献指南
项目目录树
项目目录结构
04-API文档
API接口文档
README
hr-api
企业API
05-数据库
DATABASE_SCHEMA
README
分区指南
数据库字典
数据持久化
数据模型统一
数据迁移
06-架构设计
RBAC-PERMISSIONS
README
SaaS客户引导流程设计
companyId统一规范
employee-permission-system-design
enterprise-data-linkage
仓库实现总结
仓库模式
企业管理端员工权限系统分析
前端架构
前端重构总结
员工权限系统评估报告
员工管理菜单重构方案
权限系统混乱问题分析
架构优化计划
架构使用指南
架构结构
架构结构
状态管理
用户身份管理体系
系统架构
面试管理模块重构规划
项目技术栈
07-测试质量
README
测试修复标准
测试报告
质量保证系统
08-版本管理
CHANGELOG
README
VERSION_RULES
09-配置指南
README
SMTP配置指南
主题切换指南
渠道配置指南
环境变量指南
环境隔离
12-项目记忆
README
知识库导入指南
记忆系统指南
13-迁移指南
README
备份迁移指南
管理员迁移指南
迁移快速开始
17-其他
README
压缩摘要
18-开放平台
01-架构设计
02-API接口设计
03-安全机制
04-前端设计
05-数据库设计
开放平台API指南
开放平台API说明
19-智能进化
AI执行规则
AI进化机制
README
自动化实现总览
黄金规则
40-操作教程
README
微信公众号域名配置指南
微信本地开发调试指南
44-技能文件
alipay-payment-integration
references
checklist
SKILL
audio
python
README
typescript
README
SKILL
database
python
README
typescript
README
SKILL
design-style-thinking
SKILL
doctor
references
sql-patterns
SKILL
document-generation
python
README
SKILL
email
SKILL
embedding
python
README
typescript
README
SKILL
expo-advanced
references
audio-record-play
file-upload
masonry-layout
save-to-gallery
top-tab-navigation
SKILL
feishu-base
SKILL
feishu-message
SKILL
fetch-url
python
README
typescript
README
SKILL
frontend-design
LICENSE
SKILL
FutureBird-coding-web-performance-best-practice
SKILL
general-dev-preview
references
web-preview
SKILL
image-generation
python
README
typescript
README
SKILL
knowledge
references
python
README
typescript
README
cli
SKILL
llm
python
README
typescript
README
SKILL
miniapp-upload-asr
SKILL
pptx-generation
python
README
SKILL
project-memory-loader
scripts
project_memory_loader
SKILL
repair
scripts
merge-commit-map
SKILL
shadcn-web-base-theme
assets
colors
amber
artistic-green
bento-blue
blue
cyan
emerald
fuchsia
gray
green
indigo
lime
low-pink
neutral
orange
purple
red
retro-brown
rose
sky
supbase-green
teal
tech-purple
vintage-grey
violet
yellow
fonts
business
classic
playful
radius
2xl
2xs
lg
md
none
sm
xl
xs
shadow
artistic
bento
cool
retro
superbase
tech
tool
vintage
default
references
colors
fonts
quick
radius
shadows
scripts
theme
SKILL
package
skill-creator-coze
scripts
init_skill
quick_validate
SKILL
storage
python
README
typescript
README
SKILL
supabase
assets
supabase-client
supabase-client
references
_future
asset-supabase-browser
asset-supabase-config-inject
asset-supabase-config-route
python-auth
python-realtime
python-storage
typescript-auth
typescript-realtime
typescript-storage
typescript-supabase-browser
typescript-supabase-config-inject
typescript-supabase-config-route
python
README
database
edge-functions
orm-model-guide
supabase_client
typescript
README
database
drizzle-schema-guide
edge-functions
supabase-client
cli
rls
SKILL
supabase-auth
references
typescript
supabase-browser
supabase-config-inject
supabase-config-route
auth-config
verify-session
SKILL
ui-design-ref
reference
3D黏土风
克莱因蓝高定风
暗黑科技风
杂志风
极光柔和
柔和卡片
玻璃拟态
纯白极简风
自然有机
SKILL
ui-ux-pro-max
scripts
core
design_system
search
SKILL
vercel-composition-patterns
rules
architecture-avoid-boolean-props
architecture-compound-components
patterns-children-over-render-props
patterns-explicit-variants
react19-no-forwardref
state-context-interface
state-decouple-implementation
state-lift-state
AGENTS
SKILL
vercel-react-best-practices
rules
advanced-event-handler-refs
advanced-init-once
advanced-use-latest
async-api-routes
async-defer-await
async-dependencies
async-parallel
async-suspense-boundaries
bundle-barrel-imports
bundle-conditional
bundle-defer-third-party
bundle-dynamic-imports
bundle-preload
client-event-listeners
client-localstorage-schema
client-passive-event-listeners
client-swr-dedup
js-batch-dom-css
js-cache-function-results
js-cache-property-access
js-cache-storage
js-combine-iterations
js-early-exit
js-hoist-regexp
js-index-maps
js-length-check-first
js-min-max-loop
js-set-map-lookups
js-tosorted-immutable
rendering-activity
rendering-animate-svg-wrapper
rendering-conditional-render
rendering-content-visibility
rendering-hoist-jsx
rendering-hydration-no-flicker
rendering-hydration-suppress-warning
rendering-svg-precision
rendering-usetransition-loading
rerender-defer-reads
rerender-dependencies
rerender-derived-state-no-effect
rerender-derived-state
rerender-functional-setstate
rerender-lazy-state-init
rerender-memo-with-default-value
rerender-memo
rerender-move-effect-to-event
rerender-simple-expression-in-memo
rerender-transitions
rerender-use-ref-transient-values
server-auth-actions
server-cache-lru
server-cache-react
server-dedup-props
server-parallel-fetching
server-serialization
AGENTS
SKILL
video-edit
python
README
typescript
README
SKILL
video-generation
python
README
typescript
README
SKILL
volcano-ark
SKILL
web-design-guidelines
SKILL
web-search
python
README
typescript
README
SKILL
webrtc-best-practice
SKILL
websocket-guide
references
nextjs
nodejs
SKILL
wechat-bot
SKILL
wechat-official-account
SKILL
README
README
未来鸟:企业数字化转型奔腾的力量!
-
+
首页
colors
# 颜色参数详细说明 使用 `--colors <color_name>` 参数指定。 ## 蓝色系 ### blue - **关键词**:信任、基石、金融、医疗、法律、秩序、稳重、安全、专业、保守 - **描述**:经典的商业蓝,传递绝对的信任感与安全感。它是最稳妥的选择,代表着"我不冒进,但我值得信赖"。**注意:由于使用极其广泛,在非金融/政务等强信任场景下,容易显得千篇一律,缺乏个性。** - **行业与心理**:银行、保险、医院、政务。心理上给人以平静、诚实和智慧的感觉,降低用户的心理防线。 ### bento-blue - **关键词**:社交、现代、Twitter 风格、活力、沟通、连接、清晰、即时、互动、信赖 - **描述**:类似 Twitter 风格的标志性蓝色,色调明亮、充满活力且现代感十足。它既专业又富有亲和力,非常适合需要高频互动和信息流展示的界面。 - **行业与心理**:社交网络、资讯平台、即时通讯、公共讨论区。心理上传递开放、自由、活跃和紧密连接的感受。 ### sky - **关键词**:轻盈、自由、开放、云端、旅游、航空、初创、沟通、无负担、呼吸感 - **描述**:如同晴空般的通透感,比标准蓝更轻快。传递无负担的云端体验,能有效减少用户在复杂操作中的焦虑。 - **行业与心理**:云服务、旅游应用、社交软件、初创科技。心理上带来放松、愉悦和无限可能的感觉。 ### cyan - **关键词**:数据、智能、未来、精确、区块链、极简、算法、冷调、清醒、科技 - **描述**:带有青色调的冷光,传递精确、数字化与清醒的智能感。它比蓝色更锐利,适合强调算法、数据流动的场景。 - **行业与心理**:AI 应用、数据分析、网络安全、区块链。心理上让人感到冷静、专注、客观和高效率。 ### indigo - **关键词**:深度、极客、洞察、知识、独立、精神、教育、咨询、开发者、思考 - **描述**:介于蓝紫之间,比纯蓝更具精神深度。它传递极客精神、独立思考与现代感,是知识密集型产品的首选。 - **行业与心理**:知识付费、深度阅读、开发者工具、教育平台。心理上激发直觉、深刻思考和创造性解决问题。 - **⚠️ 注意**:由于接近紫色,在 AI 产品中使用需谨慎,避免产生廉价的"AI 生成感"。 ## 绿色系 ### green - **关键词**:生长、健康、自然、环保、农业、成功、复苏、和谐、安全、平衡 - **描述**:最原本的自然色,代表生命力与可持续性。在 UI 中常作为"成功/通过"的信号,让人感到本能的安全与放松。 - **行业与心理**:有机食品、健康管理、环保组织、农业。心理上带来平衡、恢复和和平的感觉。 ### artistic-green - **关键词**:生产力、精密、Linear 风格、微妙、板岩灰、聚焦、高效、极简 - **描述**:经典的 Linear 风格,以板岩灰(Desaturated Slate)为核心。极小的圆角和低对比度的背景色,打造出精密且微妙的视觉体验。它让用户能长时间聚焦在"内容"和"状态"上,最大化生产力,而不会被 UI 本身干扰。 - **行业与心理**:项目管理工具 (Project Management)、任务看板 (Kanban)、代码协作平台。心理上传递出高效、有序和极致的专注感。 ### supbase-green - **关键词**:开发者优先、开源、干净、稳定、极客、现代、翡翠绿、高效、信任 - **描述**:以翡翠绿(Emerald Green)为核心,打造"开发者优先"的视觉体验。它比传统的黑客绿更优雅、更现代,兼具极客精神与视觉美感。传递出干净、稳定且开放的开源气质。 - **行业与心理**:数据库管理后台、API 文档站、开源项目主页。心理上建立专业认同感,传递技术产品的稳定性与先进性。 ### emerald - **关键词**:财富、尊贵、高端、优雅、永恒、奢侈品、投资、沉静、珠宝、品质 - **描述**:祖母绿般的深沉质感,比普通绿色更优雅。它传递高端、财富与永恒的价值,常用于与钱财或高品质服务相关的场景。 - **行业与心理**:高端理财、奢侈品牌、私人银行、珠宝。心理上暗示稳定、富足和高品质。 ### teal - **关键词**:疗愈、卫生、专业、洁净、医药、心理、家居、洗涤、冷静、舒缓 - **描述**:蓝绿融合,兼具蓝色的冷静与绿色的生命力。它传递卫生、专业护理与精神洗涤的感觉,非常适合医疗与健康领域。 - **行业与心理**:医疗保健、心理健康、室内设计、清洁用品。心理上兼具舒缓压力和提振精神的双重效果。 ### lime - **关键词**:能量、冲击、年轻、反叛、运动、潮流、酸性、游戏、快消、刺激 - **描述**:极具视觉冲击力的高亮色,传递甚至有点"刺"的能量。代表年轻的反叛与极其新鲜的动感,能瞬间抓住眼球。 - **行业与心理**:极限运动、潮牌、能量饮料、独立游戏。心理上极具刺激性,激发兴奋感和肾上腺素。 ## 暖色系 ### orange - **关键词**:活力、亲和、快乐、性价比、餐饮、电商、物流、热情、社交、友好 - **描述**:最友好的颜色,打破距离感。传递性价比、快乐与热情的社交氛围,常用于刺激消费或表达亲切感。 - **行业与心理**:食品配送、团购网站、儿童教育、社交应用。心理上激发食欲、社交欲望和积极乐观的态度。 ### amber - **关键词**:警示、温暖、施工、能量、岁月、复古、历史、安全、提示、醒目 - **描述**:如琥珀或施工信号灯,传递温暖的同时也具有强烈的警示作用(Warning)。也可表达岁月的沉淀感。 - **行业与心理**:安全设备、施工建设、复古品牌、工具类应用。心理上给人以温暖、警觉和充满活力的感觉。 ### retro-brown - **关键词**:温暖、复古、匠人精神、有机、书写感、沉稳、慢生活、精致、怀旧、静谧 - **描述**:大地复古与现代传承的结合。以浓缩咖啡棕与复古皮革色为主调,搭配羊皮纸白的背景,营造出纸质书写般的温润体验。视觉上让人联想到咖啡店菜单或旧书店笔记本,传递出一种"慢生活"的质感。 - **行业与心理**:精品咖啡、独立书店、手工匠人、写作应用、人文博客。心理上带来放松、专注与被治愈的感觉,消除焦虑,传递可信赖与精致的生活态度。 ### yellow - **关键词**:快乐、注意、明亮、创意、乐观、促销、快餐、交通、希望、逻辑 - **描述**:光谱中最明亮的色彩,传递单纯的快乐与阳光般的希望。在 UI 中常作为需要被注意的信号或促销提示。 - **行业与心理**:创意机构、快餐连锁、促销活动、交通出行。心理上最能引起注意,代表快乐、智慧和逻辑。 ### red - **关键词**:激情、行动、紧迫、危险、力量、喜庆、媒体、体育、热烈、错误 - **描述**:心跳的颜色。在交互中代表不可忽视的行动点(Error/Hot)或强烈的紧迫感。在中国文化中也代表喜庆。 - **行业与心理**:新闻媒体、体育赛事、促销打折、娱乐。心理上提高心率,激发紧迫感、热情和强烈的冲动。 ### rose - **关键词**:浪漫、女性、关怀、柔美、细腻、感恩、美容、婚礼、公益、温和 - **描述**:比红色温和,比粉色成熟。传递浪漫、感恩、细腻的情感与无微不至的服务感。 - **行业与心理**:女性用品、美容护肤、婚庆服务、公益组织。心理上带来温柔、爱意和被呵护的感觉。 ### low-pink - **关键词**:治愈、生活、淡雅、温柔、舒适、亲切、母婴、放松、无害、细腻 - **描述**:低饱和度的粉色,去除了粉色的甜腻,只保留柔和与治愈。传递无攻击性的亲切感。 - **行业与心理**:生活方式、情感类应用、母婴护理、家居。心理上带来放松、安全感和被呵护的温暖。 ### fuchsia - **关键词**:激进、潮流、先锋、大胆、自信、夜店、时尚、电子音乐、不妥协、高调 - **描述**:极高饱和度的紫红,传递不妥协的态度、赛博朋克式的激进与潮流前线的自信。 - **行业与心理**:电子竞技、现代时尚、先锋艺术、夜店文化。心理上代表非传统、革新和强烈的表现欲。 - **⚠️ 注意**:高饱和度的色调也容易带有 **AI 生成感**,在追求自然或传统商业感的项目中**非必要建议减少使用**。 ## 紫色系 ### purple - **关键词**:神秘、尊贵、魔幻、权威、奢华、艺术、塔罗、占星、想象力、精神 - **描述**:历史上皇室的颜色,传递权威中的神秘感与魔法般的创造力。 - **行业与心理**:艺术馆、占卜应用、高端会所、创意平台。心理上联系着精神性、想象力和尊严。 - **⚠️ 注意**:紫色在目前的环境中 **AI 味很浓**,即便是具有 AI 属性的产品,**非必要建议减少选择**,以免造成用户审美疲劳或误解。 ### tech-purple - **关键词**:颠覆、极速、自信、开发者中心、魔力、Web3、独角兽、电光紫、未来 SaaS - **描述**:电光靛蓝与未来 SaaS 的结合。以高饱和度的电光紫(Electric Purple)为主角,代表"魔法"与"科技"的碰撞。配合大圆角与硬朗的边框,营造出既先进又"好玩"的视觉体验。它属于"建造者 (Builders)",传递出不循规蹈矩、年轻气盛的独角兽气质。 - **行业与心理**:Web3 与区块链、现代金融科技 (Fintech)、开发者工具、增长营销平台。心理上让人感到站在技术前沿,充满自信与极速的掌控感。 ### violet - **关键词**:虚幻、梦境、灵性、潜意识、空灵、VR、游戏、冥想、超现实、沉浸 - **描述**:偏向蓝色的紫,色调更冷。传递空灵、想象力、潜意识与数字世界的虚幻感。 - **行业与心理**:虚拟现实、冥想应用、独立游戏、心理探索。心理上促进深沉的沉思、直觉和精神意识。 - **⚠️ 注意**:同 purple 一样,**AI 味较浓**,可能会给用户带来千篇一律的 AI 产品刻板印象,**非必要建议减少使用**。 ## 中性/复古色系 ### neutral - **关键词**:极简、客观、背景、纯粹、无情绪、阅读、画廊、留白、本质、静谧 - **描述**:不偏不倚的灰色,传递极致的极简主义。让内容成为绝对的主角,无任何情绪干扰。 - **行业与心理**:极简设计工具、内容阅读平台、艺术展示、博客。心理上创造空白、冷静和无偏见的氛围。 ### gray - **关键词**:工业、结构、逻辑、务实、坚固、建筑、后台、稳定、理性、工具 - **描述**:带有现代建筑质感的灰色,传递坚固、逻辑与结构化。它是最"硬"的灰色,代表不随时间褪色的稳定性。 - **行业与心理**:工业软件、系统管理、建筑设计、五金工具。心理上代表成熟、妥协和中立。 ### vintage-grey - **关键词**:智慧、冷静、辅助性、通透、人性化、耐心的合作伙伴、纸张质感、创造力、陶土橙 - **描述**:知性米色与人本科技的完美融合。以陶土橙为主色,搭配暖沙色与灰米色背景,营造出类似实体书的舒适阅读体验。它摒弃了黑底霓虹的冷酷,用柔和的过渡和水彩般的渐变,打造出清晰、通透且无压力的界面,仿佛一位"耐心的合作伙伴"。 - **行业与心理**:AI 大模型应用、知识管理、创意协作平台、EdTech/HR 仪表盘。心理上降低焦虑,延长专注时间(Flow State),传递可信赖与自然的人机交互感。
未来鸟
2026年7月27日 11:07
转发
收藏文档
上一篇
下一篇
手机扫码
复制链接
手机扫一扫转发分享
复制链接
分享
链接
类型
密码
更新密码
有效期
Markdown文件
Word文件
PDF文档(打印)
AI