前端开发SkillsMP 同步

vite-patterns

@affaan-m · 仓库 affaan-m/ecc/docs-ja-jp-skills-vite-patterns · 社区热度 253,169 · 通道 Git 克隆

功能描述与核心用途

Vite 构建 tool 模式包括配置, 插件, HMR, env 变量, 代理初始化设置, SSR, 函数库模式, 依赖 pre-bundling, 构建优化. Activate 处理 vite. config. ts, Vite 插件, Vite-基于项目.

EN: Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

运行宿主与模型建议

运行宿主：Claude Code / Codex CLI / OpenClaw / Cursor 等命令行 AI Agent
推荐模型：工具调用稳定、响应快的模型
安装后重启 / 刷新 Agent 即可识别，用自然语言调用，无需额外中转服务。

安装与使用教程按对应通道操作，命令可直接复制

第一步 · 准备环境：确认已安装 Git，终端执行 git --version 能显示版本号；这类 Skill 以克隆目录的方式安装。
第二步 · 按你使用的 Agent 选一条克隆命令：Claude Code 全局生效（推荐）：
git clone https://github.com/affaan-m/ecc ~/.claude/skills/ecc
仅当前项目生效：
git clone https://github.com/affaan-m/ecc .claude/skills/ecc
OpenClaw 生效：
git clone https://github.com/affaan-m/ecc ~/.openclaw/workspace/skills/ecc
该 Skill 在仓库内的路径：docs/ja-JP/skills/vite-patterns/SKILL.md，让 Agent 使用该子目录即可。
第三步 · 安装依赖（按需）：进入克隆目录，若含 requirements.txt 执行 pip3 install -r requirements.txt；若含 package.json 执行 npm install。
第四步 · 加载调用：重启或刷新 Agent 让它识别新 Skill，之后直接用自然语言描述需求即可自动调用。
第五步 · 卸载：直接删除对应的 skills 文件夹即可。

发给 AI 的安装提示词

请帮我安装并启用开源 Skill「vite-patterns」（开源仓库 affaan-m/ecc/docs-ja-jp-skills-vite-patterns），它的作用是：Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects。请先检查 Git 环境（git --version，没有就先安装）；然后根据我正在使用的 Agent，把仓库克隆到对应的 skills 目录（Claude Code：git clone https://github.com/affaan-m/ecc ~/.claude/skills/ecc；OpenClaw：git clone https://github.com/affaan-m/ecc ~/.openclaw/workspace/skills/ecc 完成安装；若目录里有依赖文件请一并安装；之后重载技能列表确认已被识别，并用一个最简单示例演示如何用自然语言调用它；如果报错请自动排查修复，最后告诉我使用方法。 该 Skill 在仓库内的子目录为 docs/ja-JP/skills/vite-patterns/SKILL.md，请使用该路径。

调用示例（自然语言）

> 调用对应工具完成这个操作，并把结果反馈给我

关联标签

#frontend