fund-investigator
一个基于Astro构建的印度共同基金分析平台静态网站项目。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:fund-investigator。 它的用途是:一个基于Astro构建的印度共同基金分析平台静态网站项目。 完整的 Skill 内容见:https://321skill.com/skills/fund-investigator/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“参考fund-investigator项目的结构,帮我规划一个技术博客站点的目录和核心组件。”,它会基于该项目的三层设计系统和清晰的模块划分,为你输出一个包含设计令牌、UI组件、页面布局的标准化项目骨架。或者,你可以说:“如何像这个项目一样用Tailwind定义一套可复用的颜色和间距令牌?”,它会解析其tailwind.config.mjs文件,教你如何系统化地管理设计变量。
介绍
Fund Investigator 是一个面向印度投资者的金融咨询品牌平台,旨在通过一个快速、内容驱动的静态网站,提供全面的共同基金分析报告。该项目解决了金融信息网站需要兼顾内容可读性与复杂分析工具性能的问题。
它采用“中心-辐条”架构:中心站(fundinvestigator.com)使用Astro构建,部署在Cloudflare Pages上,专注于营销和静态报告内容,确保极快的加载速度和SEO优化;辐条站(deepdive.fundinvestigator.com)则是一个部署在Railway上的交互式分析工具,处理计算密集型任务。这种分离确保了核心内容的访问体验。
该项目非常适合前端开发者、全栈开发者以及对现代静态站点生成和设计系统实践感兴趣的产品经理或内容创作者。他们可以利用这个项目学习如何构建高性能、内容优先的金融或资讯类网站。
使用建议:开发者可以克隆此仓库作为模板,快速启动一个需要严格设计系统、高性能且内容丰富的专业网站项目。注意,其分析工具部分(辐条站)的代码可能不在本仓库内,本仓库主要提供中心站的完整实现。
核心特点
核心区别在于其清晰的“中心-辐条”架构分离了内容层与应用层,以及严格执行的三层设计系统(设计令牌、UI组件、实时文档),确保了从视觉到代码的高度一致性与可维护性,而非简单的组件堆砌。
注意事项
不适合需要复杂客户端交互或实时数据处理的单页面应用(SPA)场景,其核心优势在于静态内容的高效生成与展示。
常见问题
这个项目是用来做什么的?
这是一个印度共同基金分析平台的网站源码,采用Astro静态生成,专注于快速展示金融报告和分析内容。
如何查看这个项目的设计系统和组件?
项目运行后,访问 `/styleguide` 路径即可看到所有UI组件、设计令牌的实时文档和用法示例。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/fund-investigator/raw/index.md 读取 fund-investigator 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/fund-investigator/raw/index.md(查看排版版本)