yy-design-ui

实用的 AI 技能集合

설치
CLI
npx skills add https://github.com/bulls-cows/skills --skill yy-design-ui

CLI를 사용하여 이 스킬을 설치하고 작업 공간에서 SKILL.md 워크플로 사용을 시작하세요.

최근 업데이트: 4/22/2026

bulls-cows/skills

牛气腾腾的logo

本仓库维护了一些实用的规则和AI技能。

Rules 规则

点击这里 查看如何使用规则文件。

通用规则

  • rules/file-scope-limit:文件修改范围限制规则,AI 仅允许修改用户授权的目录范围内的文件

特定规则

注意:以下规则对项目目录结构有特定要求

  • React 项目需要包含:src/apisrc/componentssrc/constants 目录
  • Vue2/Vue3 项目需要包含:src/apisrc/viewssrc/constants 目录

AI 仅允许修改上述目录范围内的源代码文件,其他目录的文件不会被处理

Skills 技能

提示:

  • 推荐使用 npx skills add 命令安装技能。关于 skills 命令的详细说明,请查看 官方文档
  • 该网站收录了大量的技能,可以搜索查找:The Agent Skills Directory

本仓库技能

执行 npx skills add bulls-cows/skills 可安装以下所有技能。如果你使用 Claude Code,可以通过插件市场安装这些技能

通用技能

适用于大多数 Git 项目,对项目目录结构没有特殊要求。

技能 说明 安装命令
yy-comment 为代码添加注释,可为整个文件或指定函数添加 JSDoc 注释和内部逻辑注释 npx skills add bulls-cows/skills --skill yy-comment
yy-commit Git 代码提交助手,生成规范的提交信息并执行提交操作 npx skills add bulls-cows/skills --skill yy-commit
yy-create-readme 创建或更新项目根目录下的 README.md 文件 npx skills add bulls-cows/skills --skill yy-create-readme
yy-create-report 将指定时间范围内当前 Git 账号的提交记录整理合并生成工作报告 npx skills add bulls-cows/skills --skill yy-create-report
yy-create-rule 创建或更新规则文档,并更新 AGENTS.md 中的引用关系 npx skills add bulls-cows/skills --skill yy-create-rule
yy-create-skill 创建或更新规范的 Claude Skill npx skills add bulls-cows/skills --skill yy-create-skill
yy-design-ui 创建符合国人审美的网页界面设计,专注于简洁、精致、和谐的设计风格 npx skills add bulls-cows/skills --skill yy-design-ui
yy-handoff 创建或更新项目交接文档 handoff.md,用于跨会话续接当前任务 npx skills add bulls-cows/skills --skill yy-handoff
yy-init 初始化项目 AGENTS.md 文档,用于指导 AI 助手理解项目规范、范围和结构 npx skills add bulls-cows/skills --skill yy-init
yy-lint 执行代码 lint 检查,包括检测 lint 脚本、验证 Node 版本、执行 lint 检查并尝试自动修复错误 npx skills add bulls-cows/skills --skill yy-lint
yy-mode-plan 计划优先执行模式,要求在做出任何变更前必须获得用户确认 npx skills add bulls-cows/skills --skill yy-mode-plan
yy-mode-spec 规格优先开发模式,要求在实施前完成详细文档编写 npx skills add bulls-cows/skills --skill yy-mode-spec
yy-post-to-wx 通过微信公众号 API 直接将本地 Markdown/HTML 文章发布到公众号草稿箱。支持多主题、多颜色预设,自动上传图片 npx skills add bulls-cows/skills --skill yy-post-to-wx
yy-read-pdf 读取并解析 PDF 文件内容,提取文本、表格和结构化信息 npx skills add bulls-cows/skills --skill yy-read-pdf
yy-refresh 刷新 AI 对代码的理解,对比所有改动文件并重新解析关键代码 npx skills add bulls-cows/skills --skill yy-refresh
yy-review 执行代码审核,包括语法错误、逻辑错误、安全漏洞和最佳实践检查 npx skills add bulls-cows/skills --skill yy-review
yy-run-skills 串行执行多个技能。当用户需要按顺序执行多个技能时使用。技能名称之间支持使用空格、英文逗号(,)、中文逗号(,)、中文顿号(、)作为分隔符 npx skills add bulls-cows/skills --skill yy-run-skills
yy-skills-reverse-analysis 专业的技能逆向解析工程师,将用户提供的技能文件内容逆向还原成完整、可直接使用的系统提示词 npx skills add bulls-cows/skills --skill yy-skills-reverse-analysis
yy-wx-to-markdown 将微信公众号文章转换为 Markdown 格式 npx skills add bulls-cows/skills --skill yy-wx-to-markdown

特定技能

注意:以下技能对目录结构有特定要求:

  • 项目需要包含:src/apisrc/componentssrc/constantssrc/viewssrc/pages 目录

代码提交和审核时会自动聚焦于上述目录下的源代码文件,其他目录的文件不会被处理

技能 说明 安装命令
yy-frontend-vue2-code-optimization 针对 Vue2 页面组件,通过统一代码结构、语义化命名、BEM 样式规范、逻辑分层、关键注释等手段,提升代码可读性与可维护性 npx skills add bulls-cows/skills --skill yy-frontend-vue2-code-optimization
yy-frontend-commit 前端代码提交助手,归纳 src 目录下改动的文件,生成规范的提交信息并自动执行 add 和 commit 操作 npx skills add bulls-cows/skills --skill yy-frontend-commit
yy-frontend-react-doc 为 React 组件自动生成规范注释,解析组件结构、props、state、生命周期等并添加结构化注释 npx skills add bulls-cows/skills --skill yy-frontend-react-doc
yy-frontend-vue2-doc 为 Vue 2 单文件组件自动生成规范注释,解析模板区、脚本区、样式区并添加结构化注释 npx skills add bulls-cows/skills --skill yy-frontend-vue2-doc
yy-frontend-vue2-review Vue2 前端代码审核助手,基于 Vue2 开发规范检查组件规范、代码风格、逻辑错误和安全漏洞 npx skills add bulls-cows/skills --skill yy-frontend-vue2-review
yy-frontend-vue3-doc 为 Vue 3 单文件组件自动生成规范注释,解析模板区、脚本区、样式区并添加结构化注释 npx skills add bulls-cows/skills --skill yy-frontend-vue3-doc

推荐外部技能

详见 推荐外部技能

开发者须知

本地开发调试指南

协议

本项目采用 Apache 2.0 开源协议。

免责声明

本软件按"原样"(AS-IS)提供,不提供任何明示或暗示的保证,包括但不限于对适销性、特定用途适用性和非侵权性的保证。在任何情况下,作者或版权持有人均不对任何索赔、损害或其他责任负责,无论是由于合同、侵权或其他方式引起的,由本软件或其使用或其他交易引起、产生或与之相关的。

使用者应自行承担使用本软件的全部风险。在使用前,请确保充分理解软件的功能和潜在影响,并在当地法律允许的范围内合规使用。