SY
sy-vendor/FateAtelier
命运工坊 - 一个集成了多种传统命理和现代占卜功能的 Web 应用,包括塔罗占卜、八字算命、紫微斗数、姓名测试、生肖配对、奇门遁甲、风水罗盘等,提供娱乐参考服务。
🔮 命运工坊 - 综合占卜与命理应用
一个精美的综合占卜与命理 Web 应用,集成了多种传统和现代占卜方式,包括塔罗牌、八字算命、紫微斗数、姓名测试、生肖配对、奇门遁甲、风水罗盘等功能。
🌐 在线访问: https://www.fateatelier.cloud/
✨ 功能特性
🔮 塔罗占卜
- 🎴 完整牌组:包含78张塔罗牌的完整信息(22张大阿卡纳 + 56张小阿卡纳)
- 🔮 单张抽牌:随机抽取一张塔罗牌
- 🌟 三牌占卜:一次性抽取三张牌进行占卜(过去、现在、未来)
- 🔄 正逆位切换:每张牌都可以查看正位和逆位的含义
- 📖 详细解释:每张牌都包含详细的牌意和描述
- 📚 历史记录:保存占卜历史,支持导出和分享
- ⭐ 收藏功能:收藏喜欢的牌和占卜结果
- 📊 统计分析:查看占卜统计信息
✨ 智能取名
- 基于五行、八字等传统命理学的智能取名服务
- 提供个性化的名字建议
- 考虑五行平衡和音韵美感
♈ 星座运势
- 十二星座每日运势查询
- 详细的星座性格分析和建议
- 星座配对和兼容性分析
📅 今日黄历
- 传统农历历法查询
- 宜忌事项、吉凶时辰
- 传统节日和节气信息
- 冲煞方位和五行分析
🙏 赛博积德
- 数字化的积德体验
- 木鱼、放生、上香、祈福等功能
- 功德统计和记录
- 每日功德目标
☯ 八字算命
- 基于出生日期计算八字(年柱、月柱、日柱、时柱)
- 天干地支五行分析
- 命理解读和性格分析
- 支持农历/阳历转换
🎋 抽签求签
- 传统抽签功能
- 签文解读和建议
- 支持收藏和分享
- 历史记录功能
💭 梦境解析
- 梦境记录和解析
- 潜意识探索
- 梦境符号词典
- 个性化解析建议
🧭 风水罗盘
- 方位吉凶分析
- 风水建议
- 罗盘方位指南
- 五行方位对应
⏰ 择日吉时
- 良辰吉日查询
- 重要事项择日建议
- 吉时分析
- 宜忌事项提醒
🔢 数字能量
- 数字命理学分析
- 数字组合能量解读
- 个性化数字建议
- 数字五行属性
🎨 每日幸运色
- 基于日期和个人信息的幸运色推荐
- 支持农历/阳历转换
- 根据生肖、星座、八字五行推荐
- 详细的颜色能量解读
- 个性化幸运色分析
⚡ 奇门遁甲
- 传统预测术,分析吉凶方位和时间
- 九宫格布局展示
- 八门、九星、八神分析
- 方位建议和吉凶评分
- 时间选择建议
📝 姓名测试
- 五格数理:计算天格、人格、地格、外格、总格
- 五行分析:分析姓名中各格的五行属性
- 三才配置:分析天格、人格、地格的五行关系
- 姓名评分:综合评分系统(0-100分)
- 详细解读:提供姓名吉凶分析和建议
- 支持常用汉字笔画数据库
⭐ 紫微斗数
- 完整命盘:生成12宫位命盘
- 主星系统:14颗主星(紫微、天机、太阳、武曲、天同、廉贞、天府、太阴、贪狼、巨门、天相、天梁、七杀、破军)
- 辅星系统:35+颗辅星(左辅、右弼、文昌、文曲、天魁、天钺、禄存、天马、擎羊、陀罗、火星、铃星、地空、地劫、红鸾、天喜、天刑、天姚、天德、月德等)
- 四化系统:化禄、化权、化科、化忌
- 宫位分析:12宫位(命宫、兄弟、夫妻、子女、财帛、疾厄、迁移、奴仆、官禄、田宅、福德、父母)详细解读
- 农历转换:支持农历/阳历转换,准确计算命宫和身宫
- 传统命理学完整实现
🐲 生肖配对
- 六合配对:最佳配对关系(子丑合、寅亥合、卯戌合、辰酉合、巳申合、午未合)
- 三合配对:良好配对关系(申子辰、亥卯未、寅午戌、巳酉丑)
- 六冲分析:对立冲突关系(子午冲、丑未冲、寅申冲、卯酉冲、辰戌冲、巳亥冲)
- 六害分析:相互伤害关系(子未害、丑午害、寅巳害、卯辰害、申亥害、酉戌害)
- 三刑分析:相互制约关系(子卯刑、寅巳申刑、丑未戌刑、辰午酉亥自刑)
- 配对指数:0-100分评分系统
- 兼容性等级:极佳、良好、中等、一般、较差
- 详细分析:提供配对关系解读和建议
🚀 快速开始
环境要求
- Node.js >= 16.0.0
- npm >= 7.0.0
安装依赖
npm install启动开发服务器
npm run dev应用将在 http://localhost:5173 启动
构建生产版本
npm run build预览生产构建
npm run preview代码检查
npm run lint📁 项目结构
FateAtelier/
├── src/
│ ├── components/ # React组件
│ │ ├── CardDisplay.tsx # 塔罗牌展示组件
│ │ ├── CardDrawer.tsx # 抽牌控制组件
│ │ ├── CardBrowser.tsx # 牌库浏览组件
│ │ ├── NameGenerator.tsx # 智能取名组件
│ │ ├── Horoscope.tsx # 星座运势组件
│ │ ├── Almanac.tsx # 今日黄历组件
│ │ ├── CyberMerit.tsx # 赛博积德组件
│ │ ├── BaziFortune.tsx # 八字算命组件
│ │ ├── DivinationDraw.tsx # 抽签求签组件
│ │ ├── DreamInterpretation.tsx # 梦境解析组件
│ │ ├── FengshuiCompass.tsx # 风水罗盘组件
│ │ ├── AuspiciousDate.tsx # 择日吉时组件
│ │ ├── NumberEnergy.tsx # 数字能量组件
│ │ ├── LuckyColor.tsx # 每日幸运色组件
│ │ ├── QimenDunjia.tsx # 奇门遁甲组件
│ │ ├── NameTest.tsx # 姓名测试组件
│ │ ├── ZiweiDoushu.tsx # 紫微斗数组件
│ │ ├── ShengxiaoPairing.tsx # 生肖配对组件
│ │ └── *.css # 组件样式
│ ├── data/ # 数据文件
│ │ ├── tarotCards.ts # 塔罗牌数据
│ │ ├── divinationSticks.ts # 签文数据
│ │ ├── dreamSymbols.ts # 梦境符号数据
│ │ ├── fengshuiCompass.ts # 风水罗盘数据
│ │ └── strokeCount.ts # 汉字笔画数据库
│ ├── utils/ # 工具函数
│ │ ├── bazi.ts # 八字计算
│ │ ├── lunarCalendar.ts # 农历转换
│ │ ├── constants.ts # 常量定义
│ │ ├── cardIcons.tsx # 塔罗牌图标
│ │ ├── readingInterpretation.ts # 占卜解读
│ │ ├── exportReading.ts # 导出功能
│ │ ├── shareReading.ts # 分享功能
│ │ └── ...
│ ├── types/ # TypeScript类型定义
│ │ ├── index.ts
│ │ └── reading.ts
│ ├── App.tsx # 主应用组件
│ ├── App.css # 应用样式
│ ├── main.tsx # 入口文件
│ └── index.css # 全局样式
├── index.html # HTML模板
├── package.json # 项目配置
├── tsconfig.json # TypeScript配置
├── vite.config.ts # Vite配置
└── vercel.json # Vercel部署配置
🎯 使用说明
塔罗占卜
- 抽取单张牌:点击"抽取一张牌"按钮,随机抽取一张塔罗牌
- 三牌占卜:点击"三牌占卜"按钮,一次性抽取三张牌(过去、现在、未来)
- 查看牌意:抽取后可以查看牌的正位和逆位含义
- 翻转卡片:点击卡片或"转为逆位/正位"按钮来切换正逆位
- 选择已抽牌:在已抽取的牌列表中点击任意一张牌来查看详情
- 收藏功能:点击收藏按钮保存喜欢的牌
- 历史记录:查看所有占卜历史,支持导出和分享
- 重新开始:点击"重新开始"按钮清空所有已抽取的牌
姓名测试
- 输入姓氏和名字
- 系统自动计算五格数理(天格、人格、地格、外格、总格)
- 查看五行分析和三才配置
- 获得姓名评分和详细解读
- 了解姓名吉凶和建议
紫微斗数
- 选择出生日期(支持农历/阳历)
- 输入出生时辰
- 系统自动生成完整命盘
- 查看12宫位的主星、辅星分布
- 了解四化(化禄、化权、化科、化忌)
- 查看各宫位的详细分析
生肖配对
- 选择第一个生肖
- 选择第二个生肖
- 查看配对指数(0-100分)
- 了解配对关系(六合、三合、六冲、六害、三刑)
- 查看兼容性等级和详细分析
每日幸运色
- 选择查询日期
- 可选择输入个人信息(出生日期、生肖、星座)获得个性化推荐
- 支持农历/阳历转换
- 查看幸运色详细解读和使用建议
- 复制颜色代码(HEX、RGB)
数字能量
- 输入数字进行分析
- 查看数字组合的能量解读
- 了解每个数字的详细含义
- 获得个性化数字建议
奇门遁甲
- 选择时间和方位
- 查看九宫格盘面分析
- 了解各宫位的八门、九星、八神
- 获取吉凶方位建议
- 查看时间选择建议
其他功能
- 通过3D旋转轮播选择不同功能
- 每个功能都有详细的说明和指导
- 支持移动端和桌面端访问
- 响应式设计,适配各种屏幕尺寸
🎨 牌组说明
大阿卡纳 (Major Arcana)
22张牌,代表人生的重要阶段和转折点,包括:
- 愚者、魔术师、女祭司、皇后、皇帝、教皇
- 恋人、战车、力量、隐者、命运之轮、正义
- 倒吊人、死神、节制、恶魔、塔、星星
- 月亮、太阳、审判、世界
小阿卡纳 (Minor Arcana)
56张牌,分为四个花色:
- 权杖 (Wands):代表行动、创造力和热情
- 圣杯 (Cups):代表情感、直觉和关系
- 宝剑 (Swords):代表思想、沟通和冲突
- 星币 (Pentacles):代表物质、工作和资源
每个花色包含14张牌:Ace到10,以及侍从、骑士、皇后、国王。
🛠️ 技术栈
- React 18 - UI框架
- TypeScript - 类型安全
- Vite - 构建工具和开发服务器
- CSS3 - 样式和动画(包括3D变换)
- Vercel Analytics - 网站访问统计
🎨 设计特色
- 3D旋转轮播:独特的3D轮播选择器,流畅的交互体验
- 响应式设计:完美适配移动端和桌面端
- 精美UI:现代化的界面设计,渐变色彩和动画效果
- 流畅动画:卡片翻转、抽牌动画等丰富的交互效果
- 本地存储:使用 localStorage 保存用户数据和历史记录
📝 注意事项
- 本应用仅供娱乐参考,占卜结果不应作为重要决策的唯一依据
- 传统命理学内容基于传统文化,仅供参考
- 每张塔罗牌的正逆位是随机决定的
- 抽取的牌不会重复,直到所有78张牌都被抽取完毕
- 姓名测试和紫微斗数等功能基于传统命理学理论,结果仅供参考
🌟 功能亮点
- ✅ 完整的塔罗牌系统(78张牌)
- ✅ 传统命理学功能(八字、紫微斗数、姓名测试)
- ✅ 生肖配对分析
- ✅ 农历/阳历转换
- ✅ 本地数据存储
- ✅ 导出和分享功能
- ✅ 响应式设计
- ✅ 流畅的动画效果
📄 许可证
MIT License
🙏 致谢
感谢所有为占卜文化和传统命理学做出贡献的人们。
命运工坊 - 探索命运与占卜的奥秘 ✨
Made with ❤️ by 默默团队
On this page
Languages
TypeScript79.3%CSS20.1%HTML0.5%JavaScript0.1%
Contributors
MIT License
Created November 10, 2025
Updated March 19, 2026