Add AI tools list and update site content and styles

Added a new AI tools list markdown file. Updated VitePress config to rename the Chinese site title. Enhanced custom CSS with entrance animations for feature cards and timeline items. Improved and expanded the about pages in both English and Chinese, including a more detailed implementation roadmap and project summary. Updated homepages to clarify project purpose, tool coverage, and feature descriptions.
This commit is contained in:
tycon
2025-10-15 12:08:45 +08:00
parent d7ad13d26c
commit 2ec54ab2a8
7 changed files with 158 additions and 64 deletions

View File

@@ -40,6 +40,12 @@ docFooter:
<p>配置 GitHub Action 自动检测上游仓库的更新,并生成直观的更新报告以供审阅和手动同步。</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>6. 部署到 Vercel</h3>
<p>项目本地构建没问题后,通过 Vercel 来部署上线,有一定的免费额度,可以几乎实现 0 成本成功运营。</p>
</div>
</div>
</div>
</div>
@@ -79,14 +85,13 @@ docFooter:
padding: 20px 40px;
position: relative;
width: 50%;
opacity: 0;
animation: fadeInUp 0.8s ease-out forwards;
}
.timeline-item:nth-child(1) { animation-delay: 0.2s; }
.timeline-item:nth-child(2) { animation-delay: 0.4s; }
.timeline-item:nth-child(3) { animation-delay: 0.6s; }
.timeline-item:nth-child(4) { animation-delay: 0.8s; }
.timeline-item:nth-child(5) { animation-delay: 1.0s; }
.timeline-item:nth-child(6) { animation-delay: 1.2s; } /* New delay for 6th item */
.timeline-item:nth-child(odd) {
left: 0;
padding-right: 30px;
@@ -136,7 +141,7 @@ docFooter:
}
to {
opacity: 1;
transform: translateY(0);
/* transform: translateY(0); -- Removed to avoid conflict */
}
}
@media (max-width: 768px) {
@@ -160,8 +165,9 @@ docFooter:
}
</style>
<div style="max-width: 800px; margin: 60px auto; text-align: center;">
<p style="font-size: 1.1em; line-height: 1.7; color: var(--vp-c-text-2);">
在原项目的基础上,我利用 <strong>VitePress</strong> 技术栈将其完全重构为一个现代化的静态文档网站,旨在提供更佳的浏览和阅读体验。使用 `scripts` 目录下的自定义脚本,将源文件批量转换为统一的 Markdown 格式并生成zh和en两个文档文件夹。对生成的 Markdown 文档进行翻译和校对,完成汉化,为后续的双语网站做准备。基于 VitePress 搭建双语静态网站并进行深度定制包括主题、导航、主页布局等。但因为大部分翻译转化都是基于ai完成的所以部分翻译可能存在错误如果有疑问还是建议直接查看原仓库的内容。
<div style="max-width: 800px; margin: 60px auto; text-align: left;">
<p style="font-size: 1.1em; line-height: 1.7; color: var(--vp-c-text-2); text-indent: 2em;">
这个项目主要是基于system prompts and models of ai tools这个开源项目在原项目的基础上进一步对文档进行总结和汉化所以我是以中文效果为主进行总结的英文部分反倒可能不太精准但原生的提示词最好还是要回到仓库项目内查看英文原文。然后通过 VitePress 技术栈将其完全重构为一个现代化的静态文档网站,旨在提供更佳的浏览和阅读体验。使用 \`scripts\` 目录下的自定义脚本,将源文件批量转换为统一的 Markdown 格式并生成zh和en两个文档文件夹。对生成的 Markdown 文档进行翻译和校对,完成汉化,为后续的双语网站做准备。基于 VitePress 搭建双语静态网站,并进行深度定制,包括主题、导航、主页布局等。最后部署在vercel上节约下部署的成本。但因为大部分翻译转化都是基于ai完成的所以部分翻译可能存在错误如果有疑问还是建议直接查看原仓库的内容。
</p>
</div>
</div>

View File

@@ -2,9 +2,9 @@
layout: home
hero:
name: "AI 提示中心"
text: "重制版"
tagline: 本项目是在原项目基础上进行的二次开发。它已被 yancongya 重构为使用 VitePress 的现代化文档站点,提供更好的浏览体验、双语支持和深色/浅色模式
name: "AI 系统提示词仓库"
text: "提示词&工具"
tagline: 本项目包含了几乎市面上全部ai coding工具的提示词和对应的工具你可以直接复制他们到你开发过程中的rules、prompts和各类mcp工具等进一步规范和指导你的项目更好的开发。你可以直接点击下面的卡片直接跳转到对应的页面来查看也可顶部标题栏的下拉才对来选择你要使用的工具
image:
src: /logo.svg
alt: AI Prompts Hub Logo
@@ -69,7 +69,7 @@ features:
details: Notionai 的提示和模型。
link: /zh/notionai/
- title: Open Source Prompts
details: Open Source Prompts 的提示和模型
details: 包含 Bolt, Cline, Codex CLI, Gemini CLI, Lumo, RooCode
link: /zh/open-source-prompts/
- title: Orchidsapp
details: Orchidsapp 的提示和模型。