mirror of
https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools.git
synced 2026-02-07 07:20:54 +00:00
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
@@ -7,6 +7,48 @@ docFooter:
|
||||
next: false
|
||||
---
|
||||
|
||||
<div class="timeline-section">
|
||||
<h2>🛠️ Implementation Roadmap</h2>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h3>1. Fork Official Repository</h3>
|
||||
<p>Fork the <a href="https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools" target="_blank">official repository</a> to your personal account, establishing the foundation for secondary development.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h3>2. Convert Document Format</h3>
|
||||
<p>Use custom scripts in the <code>scripts</code> directory to batch convert source files into a unified Markdown format, generating both 'zh' and 'en' document folders.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h3>3. Translation and Localization</h3>
|
||||
<p>Translate and proofread the generated Markdown documents, completing the localization to prepare for a bilingual website.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h3>4. Build Documentation Website</h3>
|
||||
<p>Build a bilingual static website based on VitePress, with deep customization including theme, navigation, and homepage layout.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h3>5. Configure Automatic Synchronization</h3>
|
||||
<p>Configure GitHub Actions to automatically detect updates in the upstream repository and generate intuitive update reports for review and manual synchronization.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-content">
|
||||
<h3>6. Deploy to Vercel</h3>
|
||||
<p>After the project builds successfully locally, deploy it online via Vercel. There's a certain free tier, allowing for almost 0 cost successful operation.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.timeline-section {
|
||||
max-width: 800px;
|
||||
@@ -43,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;
|
||||
@@ -100,7 +141,7 @@ docFooter:
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
/* transform: translateY(0); -- Removed to avoid conflict */
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
@@ -124,44 +165,8 @@ docFooter:
|
||||
}
|
||||
</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 and generate two document folders, zh and en.</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);">
|
||||
Based on the original project, I have completely refactored it into a modern static documentation website using the <strong>VitePress</strong> tech stack, aiming to provide a better browsing and reading experience. Using custom scripts in the `scripts` directory, the source files are batch converted into a unified Markdown format, and two document folders, zh and en, are generated. The generated Markdown documents are translated and proofread to complete the Chinese localization in preparation for the subsequent bilingual website. A bilingual static website is built based on VitePress, with deep customization including theme, navigation, and homepage layout. However, 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.
|
||||
<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;">
|
||||
This project is primarily based on the open-source project "system prompts and models of ai tools". Building upon the original project, the documentation has been further summarized and localized. Therefore, my summary focuses on the Chinese version, and the English part might not be entirely accurate. However, for native prompts, it is best to refer back to the original English text in the repository. The project has been completely refactored into a modern static documentation website using the VitePress tech stack, aiming to provide a better browsing and reading experience. Custom scripts in the `scripts` directory are used to batch convert source files into a unified Markdown format, generating both 'zh' and 'en' document folders. The generated Markdown documents are translated and proofread, completing the localization to prepare for a bilingual website. A bilingual static website is built based on VitePress, with deep customization including theme, navigation, and homepage layout. Finally, it is deployed on Vercel to save deployment costs. However, since most translations are done by AI, some translations might contain errors. If in doubt, it is recommended to directly check the content of the original repository.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2,9 +2,9 @@
|
||||
layout: home
|
||||
|
||||
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.
|
||||
name: "AI System Prompts Repository"
|
||||
text: "Prompts & Tools"
|
||||
tagline: This project contains prompts and corresponding tools for almost all AI coding tools on the market. You can directly copy them into your development process for rules, prompts, and various MCP tools, further standardizing and guiding your project for better development. You can click on the cards below to jump directly to the corresponding page, or use the dropdown menu in the top title bar to select the tool you want to use.
|
||||
image:
|
||||
src: /logo.svg
|
||||
alt: AI Prompts Hub Logo
|
||||
@@ -69,7 +69,7 @@ features:
|
||||
details: Prompts and models for Notionai.
|
||||
link: /en/notionai/
|
||||
- title: Open Source Prompts
|
||||
details: Prompts and models for Open Source Prompts.
|
||||
details: Includes Bolt, Cline, Codex CLI, Gemini CLI, Lumo, RooCode.
|
||||
link: /en/open-source-prompts/
|
||||
- title: Orchidsapp
|
||||
details: Prompts and models for Orchidsapp.
|
||||
@@ -113,8 +113,4 @@ features:
|
||||
- title: Zai Code
|
||||
details: Prompts and models for Zai Code.
|
||||
link: /en/zai-code/
|
||||
---
|
||||
|
||||
## Summary of Product Tool Documents
|
||||
|
||||
[Please add the summary here]
|
||||
---
|
||||
Reference in New Issue
Block a user