mirror of
https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools.git
synced 2026-02-07 07:20:54 +00:00
feat: Finalize VitePress site structure and styling
This commit is contained in:
167
docs/en/about.md
Normal file
167
docs/en/about.md
Normal 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>
|
||||
253
docs/en/index.md
253
docs/en/index.md
@@ -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/
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user