最近在用 Claude Code 做前端开发，发现虽然 AI 很强，但对于一些特定框架（比如百度的 amis 低代码框架）还是经常需要反复查文档、调试配置！！！
于是我就突然奇想！！！！
能不能给 Claude 装个"专业技能包"，让它秒变 amis 专家？？？
说干就干~~~~~amis-builder它来咯！！！
amis-builder Skill
这个 Skill 专门为 amis 框架打造，让 Claude 变成一个真正懂 amis 的开发助手
段类型
核心能力 
1. 知识库模式 - 随时解答 amis 问题
-
“amis 的 CRUD 组件怎么配置筛选条件？”
-
“amis 表达式怎么写？”
-
“如何在 amis 中绑定点击事件？”
直接问就行，Claude 会从官方文档中实时搜索，给你准确答案 + 完整示例。
2. 代码生成模式 - 一句话生成页面
你: 帮我生成一个 amis 表单，包含用户名、邮箱、头像字段
Claude 会自动：
-
分析字段类型
-
选择合适的 amis 组件
-
生成完整的 JSON schema
-
输出可直接使用的代码
3. 可视化预览模式 - 生成可运行的 HTML
你: 用 amis 生成一个用户管理页面的预览
直接生成包含完整 amis SDK 的 HTML 文件，双击打开浏览器就能看效果，不用搭建任何环境！
技术实现
智能触发机制
-
只有明确提到 “amis”、“低代码”、“schema” 等关键词才触发
-
避免误触发，不会干扰正常的 React/Vue 开发
三层文档保障
-
Context7 MCP 服务器（主力）- 5833+ 代码片段，最新最全
-
GitHub Raw 实时获取（兜底）- 直接从官方仓库拉取 Markdown 文档
-
本地模板参考（补充）- 常用页面模板和字段类型映射
字段类型智能映射
fieldType 1 → input-text（文本输入）
fieldType 4 → select（下拉选择）
fieldType 6 → input-image（图片上传）
fieldType 17 → input-file（文件上传）
自动根据字段类型选择最合适的 amis 组件。
使用效果嘎嘎嘎的棒！效果拉满~~~
原来是怎么用的呢？
-
打开 amis 官方文档
-
搜索组件用法
-
复制示例代码
-
根据需求修改
-
调试、修复错误
-
重复 2-5 步…
现在用了 amis-builder，感觉无敌了！
你: 用 amis 生成一个用户 CRUD 页面，包含新增、编辑、删除功能
Claude: 好的，正在生成...（10秒后）这是完整的 schema，已经包含了...
直接拿来用，省去 80% 的查文档和调试时间。
开源地址
GitHub: https://github.com/bamzc/claude-skills-frontend
欢迎 Star、Fork、提 Issue！如果你也在用 amis 或者其他特定框架，可以参考这个项目给 Claude 定制专属技能包哟~~~
，希望kiro赶紧恢复吧！
没人审核了 