FunBI vue2 片段（vue-part）编辑
SkillDev toolsEditing guide for FunBI vue2 fragments (vue-part / custom code components, prop = "vue-part"), for agentBI to use when modifying these components. Trigger scenarios: (1) modifying a vue2 fragment's template/script/styles (HTML template, generate function, CSS), (2) modifying a vue-part component's p
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
Then ask your AI: use the FunBI vue2 片段（vue-part）编辑 skill
What this skill tells your AI
The instructions your AI receives, as published by onweekendd/screenwright in servers/server/agent-workspace/skills/executor/sw-vue-part/SKILL.md and read by ahel’s review.
vue-part 在工作区被拆成两个文件存储，改哪个取决于改什么。动手前先读 concepts.md 建立结构认知（含 .vue/.json 分工、option 指针、类型锚点、generate 约定），再按下表操作。
操作目录
| 要修改的内容 | 改哪个文件 | 参考文件 |
|---|---|---|
| 模板 / 脚本(generate) / 样式 | {id}.vue | edit-content.md |
| 数据 / 位置 / 尺寸 / 事件 等属性 | {id}.json | edit-props.md |
两类修改
edit_files都会自动合并并推送到前端，无需手动调用推送工具。
- 改
.vue：工具拆解 SFC、剥除类型锚点还原generate工厂、合并回{id}.json的option，再推送完整组件。- 改
.json：走组件 schema 校验后推送。遇到对应操作时，读取对应参考文件后再执行。
Signals
- GitHub stars
- 31
- Last commit
- Sep 2026
Advanced
- Item type
- skill
- Key
sw-vue-part- Source
- github.com/onweekendd/screenwright
github.com/onweekendd/screenwright