AI Docs 组件

@yunyoujun/ai-docs 提供可复用的 Vue 3 文档组件，包括提示词卡片和 Skills 目录。组件使用 VitePress 主题变量，也可在普通 Vue 项目中自定义同名变量。

PromptCard

提示词卡片支持一键复制、长内容折叠、浅色与深色主题。

了解项目

复制提示词，让 AI 快速介绍当前仓库

代码阅读入门

请阅读当前项目的 README 和 package.json，概括项目用途与常用命令。

vue

<script setup>
import { PromptCard } from '@yunyoujun/ai-docs'

const prompt = '请阅读当前项目的 README，说明项目用途。'
</script>

<PromptCard title="了解项目" description="快速认识仓库" :prompt="prompt" />

SkillDirectory

下面的演示直接读取本仓库真实的 Skill（skills/ 与 plugins/ai-coding/skills/ 下的 SKILL.md，由 data loader 在构建期生成）：

✦独立 Skill

simplify-documents

Condense and rewrite documents while preserving facts, constraints, decisions, procedures, and essential examples. Use when the user asks to shorten, simplify, tighten, de-duplicate, or remove filler from a report, specification, policy, guide, proposal, announcement, or other document; adapt it for a target audience; meet a requested output ratio, reduction percentage, word count, or page limit; protect passages that must not be deleted or altered; or produce a faithful concise version rather than a free-form summary. Also use for Chinese requests containing 精简、压缩、缩写、删减、去重、去掉空话、保留指定段落、不可删除段落、压缩比例、字数限制. Works with pasted text and extracted document text; use the relevant format-specific skill as well when file parsing, tracked changes, or layout preservation is required.

npx skills add https://github.com/YunYouJun/ai --skill simplify-documents

源码

🛠️独立 Skill

yunyoujun

npx skills add https://github.com/YunYouJun/ai --skill yunyoujun

源码

💬ai-coding 插件

address-copilot-review

Fetch Copilot review comments on a PR, triage, fix valid issues, and reply to each comment. Single-pass.

npx skills add https://github.com/YunYouJun/ai --skill address-copilot-review

源码

🤖ai-coding 插件

copilot-review-loop

Iterative Copilot review loop: trigger review → delegate to address-copilot-review → re-trigger. Max 2 cycles until clean.

npx skills add https://github.com/YunYouJun/ai --skill copilot-review-loop

源码

🐛ai-coding 插件

fix-issue

Fix a GitHub issue end-to-end - create branch, implement fix, run checks, and create PR.

npx skills add https://github.com/YunYouJun/ai --skill fix-issue

源码

🔁ai-coding 插件

pr-cycle

Full PR lifecycle automation: fix issue → create PR → wait for review → address feedback. All in one command.

npx skills add https://github.com/YunYouJun/ai --skill pr-cycle

源码

📝ai-coding 插件

review-feedback

Fetch and address PR review feedback from Copilot or human reviewers - analyze, fix, push, and report.

npx skills add https://github.com/YunYouJun/ai --skill review-feedback

源码

🔍ai-coding 插件

review-staged

Review staged git changes before committing — catch bugs, security issues, and style problems early.

npx skills add https://github.com/YunYouJun/ai --skill review-staged

源码

使用

vue

<script setup>
import { SkillDirectory } from '@yunyoujun/ai-docs'
import { data } from './skills.data' // 你的 data loader
</script>

<SkillDirectory :skills="data" enable-view-toggle />

数据模型与发布方式见包 README。

AI Docs 组件 ​

PromptCard ​

SkillDirectory ​