feat: Finalize VitePress site structure and styling

This commit is contained in:
tycon
2025-10-11 23:05:08 +08:00
parent 86777756b4
commit bca5292f1f
4460 changed files with 1059060 additions and 9046 deletions

167
docs/en/about.md Normal file
View File

@@ -0,0 +1,167 @@
---
layout: page
sidebar: false
outline: false
docFooter:
prev: false
next: false
---
<style>
.timeline-section {
max-width: 800px;
margin: 80px auto;
padding: 20px;
}
.timeline-section h2 {
text-align: center;
font-size: 2.2em;
margin-bottom: 60px;
font-weight: 600;
line-height: 1.4;
padding: 0.2em 0;
background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.timeline {
position: relative;
padding: 20px 0;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 100%;
background-color: var(--vp-c-divider);
}
.timeline-item {
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(odd) {
left: 0;
padding-right: 30px;
text-align: right;
}
.timeline-item:nth-child(even) {
left: 50%;
padding-left: 30px;
}
.timeline-item::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--vp-c-bg);
border: 3px solid var(--vp-c-brand-1);
top: 45px;
z-index: 1;
}
.timeline-item:nth-child(odd)::after {
right: -8px;
}
.timeline-item:nth-child(even)::after {
left: -8px;
}
.timeline-content {
padding: 20px;
background-color: var(--vp-c-bg-soft);
border-radius: 8px;
}
.timeline-content h3 {
margin-top: 0;
font-size: 1.25em;
color: var(--vp-c-brand-1);
font-weight: 600;
}
.timeline-content p {
margin-bottom: 0;
font-size: 0.9em;
line-height: 1.6;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.timeline::before {
left: 10px;
}
.timeline-item, .timeline-item:nth-child(even) {
width: 100%;
left: 0;
padding-left: 40px;
padding-right: 10px;
text-align: left;
}
.timeline-item:nth-child(odd) {
padding-right: 10px;
text-align: left;
}
.timeline-item::after, .timeline-item:nth-child(even)::after {
left: 2px;
}
}
</style>
<div class="timeline-section">
<h2>🛠️ Implementation Route</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<h3>1. Fork Official Repository</h3>
<p>Forked the <a href="https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools" target="_blank">official repository</a> to my personal account to establish a basis for secondary development.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>2. Convert Document Format</h3>
<p>Used a custom script in the <code>scripts</code> directory to batch convert source files into a unified Markdown format.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>3. Translation & Localization</h3>
<p>Translated and proofread the generated Markdown documents to prepare for a bilingual website.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>4. Build Documentation Site</h3>
<p>Built a bilingual static site based on VitePress, with deep customization for the theme, navigation, and homepage layout.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>5. Configure Auto-Sync</h3>
<p>Configured a GitHub Action to automatically detect upstream updates and generate intuitive reports for review and manual synchronization.</p>
</div>
</div>
</div>
</div>
<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);">
This project is a secondary development version of <a href="https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools" target="_blank">system-prompts-and-models-of-ai-tools</a>. I have refactored it into a modern documentation site using the <strong>VitePress</strong> tech stack to provide a better browsing experience. The conversion of content, translation, and site construction were all done in collaboration with AI, aiming to explore the potential of AI in the field of software engineering. Since most of the translation and conversion was done by AI, some errors may exist. If you have any doubts, it is recommended to check the content of the original repository directly.
</p>
</div>

View File

@@ -1,141 +1,116 @@
# AI System Prompts Hub (EN)
---
layout: home
:::info
Explore AI tool system prompts and models.
:::
hero:
name: "AI Prompts Hub"
text: "Remastered Edition"
tagline: This project is a secondary development based on the original. It has been refactored by yancongya into a modern documentation site using VitePress, providing a better browsing experience, bilingual support, and dark/light mode.
image:
src: /logo.svg
alt: AI Prompts Hub Logo
actions:
- theme: brand
text: My GitHub
link: https://github.com/yancongya
- theme: alt
text: Project Repository
link: https://github.com/yancongya/system-prompts-and-models-of-ai-tools
- theme: alt
text: Sponsor on Afdian
link: https://afdian.com/a/tycon
<div class="grid cards" grid="@lg:3 @2xl:4">
- **Amp**
> AI tool prompts and resources
> [Explore](/en/amp/)
- **Anthropic**
> AI tool prompts and resources
> [Explore](/en/anthropic/)
- **assets**
> AI tool prompts and resources
> [Explore](/en/assets/)
- **Augment Code**
> AI tool prompts and resources
> [Explore](/en/augment-code/)
- **Claude Code**
> AI tool prompts and resources
> [Explore](/en/claude-code/)
- **Cluely**
> AI tool prompts and resources
> [Explore](/en/cluely/)
- **CodeBuddy Prompts**
> AI tool prompts and resources
> [Explore](/en/codebuddy-prompts/)
- **Comet Assistant**
> AI tool prompts and resources
> [Explore](/en/comet-assistant/)
- **Cursor Prompts**
> AI tool prompts and resources
> [Explore](/en/cursor-prompts/)
- **Devin AI**
> AI tool prompts and resources
> [Explore](/en/devin-ai/)
- **dia**
> AI tool prompts and resources
> [Explore](/en/dia/)
- **Junie**
> AI tool prompts and resources
> [Explore](/en/junie/)
- **Kiro**
> AI tool prompts and resources
> [Explore](/en/kiro/)
- **Leap.new**
> AI tool prompts and resources
> [Explore](/en/leapnew/)
- **Lovable**
> AI tool prompts and resources
> [Explore](/en/lovable/)
- **Manus Agent Tools & Prompt**
> AI tool prompts and resources
> [Explore](/en/manus-agent-tools--prompt/)
- **NotionAi**
> AI tool prompts and resources
> [Explore](/en/notionai/)
- **Open Source prompts**
> AI tool prompts and resources
> [Explore](/en/open-source-prompts/)
- **Orchids.app**
> AI tool prompts and resources
> [Explore](/en/orchidsapp/)
- **Perplexity**
> AI tool prompts and resources
> [Explore](/en/perplexity/)
- **Poke**
> AI tool prompts and resources
> [Explore](/en/poke/)
- **Qoder**
> AI tool prompts and resources
> [Explore](/en/qoder/)
- **Replit**
> AI tool prompts and resources
> [Explore](/en/replit/)
- **Same.dev**
> AI tool prompts and resources
> [Explore](/en/samedev/)
- **Trae**
> AI tool prompts and resources
> [Explore](/en/trae/)
- **Traycer AI**
> AI tool prompts and resources
> [Explore](/en/traycer-ai/)
- **v0 Prompts and Tools**
> AI tool prompts and resources
> [Explore](/en/v0-prompts-and-tools/)
- **VSCode Agent**
> AI tool prompts and resources
> [Explore](/en/vscode-agent/)
- **Warp.dev**
> AI tool prompts and resources
> [Explore](/en/warpdev/)
- **Windsurf**
> AI tool prompts and resources
> [Explore](/en/windsurf/)
- **Xcode**
> AI tool prompts and resources
> [Explore](/en/xcode/)
- **Z.ai Code**
> AI tool prompts and resources
> [Explore](/en/zai-code/)
</div>
:::tip Update
Auto-synced from original repo.
:::
features:
- title: Amp
details: Prompts and models for Amp.
link: /en/amp/
- title: Anthropic
details: Prompts and models for Anthropic.
link: /en/anthropic/
- title: Augment Code
details: Prompts and models for Augment Code.
link: /en/augment-code/
- title: Claude Code
details: Prompts and models for Claude Code.
link: /en/claude-code/
- title: Cluely
details: Prompts and models for Cluely.
link: /en/cluely/
- title: Codebuddy Prompts
details: Prompts and models for Codebuddy Prompts.
link: /en/codebuddy-prompts/
- title: Comet Assistant
details: Prompts and models for Comet Assistant.
link: /en/comet-assistant/
- title: Cursor Prompts
details: Prompts and models for Cursor Prompts.
link: /en/cursor-prompts/
- title: Devin AI
details: Prompts and models for Devin AI.
link: /en/devin-ai/
- title: Dia
details: Prompts and models for Dia.
link: /en/dia/
- title: Junie
details: Prompts and models for Junie.
link: /en/junie/
- title: Kiro
details: Prompts and models for Kiro.
link: /en/kiro/
- title: Leapnew
details: Prompts and models for Leapnew.
link: /en/leapnew/
- title: Lovable
details: Prompts and models for Lovable.
link: /en/lovable/
- title: Manus Agent Tools Prompt
details: Prompts and models for Manus Agent Tools Prompt.
link: /en/manus-agent-tools--prompt/
- title: Notionai
details: Prompts and models for Notionai.
link: /en/notionai/
- title: Open Source Prompts
details: Prompts and models for Open Source Prompts.
link: /en/open-source-prompts/
- title: Orchidsapp
details: Prompts and models for Orchidsapp.
link: /en/orchidsapp/
- title: Perplexity
details: Prompts and models for Perplexity.
link: /en/perplexity/
- title: Poke
details: Prompts and models for Poke.
link: /en/poke/
- title: Qoder
details: Prompts and models for Qoder.
link: /en/qoder/
- title: Replit
details: Prompts and models for Replit.
link: /en/replit/
- title: Samedev
details: Prompts and models for Samedev.
link: /en/samedev/
- title: Trae
details: Prompts and models for Trae.
link: /en/trae/
- title: Traycer Ai
details: Prompts and models for Traycer Ai.
link: /en/traycer-ai/
- title: V0 Prompts And Tools
details: Prompts and models for V0 Prompts And Tools.
link: /en/v0-prompts-and-tools/
- title: Vscode Agent
details: Prompts and models for Vscode Agent.
link: /en/vscode-agent/
- title: Warpdev
details: Prompts and models for Warpdev.
link: /en/warpdev/
- title: Windsurf
details: Prompts and models for Windsurf.
link: /en/windsurf/
- title: Xcode
details: Prompts and models for Xcode.
link: /en/xcode/
- title: Zai Code
details: Prompts and models for Zai Code.
link: /en/zai-code/
---