mcpField
B
build

build

github.com/imgly开发9168 次安装今天更新
代码仓库

关于 build

面向 CE.SDK 开发的技能，覆盖 Web、移动端和桌面框架。它根据项目文件识别平台，并引导查阅对应参考资料、核对 API 后编写完整代码。

主要功能

  1. 01识别平台与框架
  2. 02提供 Web、Flutter、React Native、Swift 和 Android 指引
  3. 03按平台查阅实现参考
  4. 04编写前核对 API 与版本
  5. 05以完整代码为先的回答流程

适用场景

  1. 01在现有应用中实现 CE.SDK
  2. 02根据项目平台选择开发指引
  3. 03编写 CE.SDK 代码前查阅 API

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/imgly/agent-skills --skill build

安装后在 Claude Code 中输入/build确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
update-check.md
references/android/
README.md
references/flutter/
README.md
references/flutter/examples/camera-guides-configuration/
camera_configuration_solution.dart
references/flutter/examples/camera-guides-quickstart/
camera_quickstart_solution.dart
references/flutter/examples/camera-guides-recordings/
recordings_camera_solution.dart
recordings_reaction_camera_solution.dart
references/flutter/examples/editor-guides-configuration-basics/
editor_configuration_basics_solution.dart
references/flutter/examples/editor-guides-quickstart/
editor_quickstart_solution.dart
references/flutter/examples/editor-guides-solutions-apparel-editor/
apparel_editor_solution.dart
references/flutter/examples/editor-guides-solutions-design-editor/
design_editor_solution.dart
references/flutter/examples/editor-guides-solutions-photo-editor/
photo_editor_solution.dart
references/flutter/examples/editor-guides-solutions-postcard-editor/
postcard_editor_solution.dart
references/flutter/examples/editor-guides-solutions-video-editor/
video_editor_solution.dart
references/react-native/
README.md
references/react-native/examples/camera-guides-configuration/
configured_camera_solution.ts
references/react-native/examples/camera-guides-quickstart/
app.json
camera_react_native.ts
references/react-native/examples/camera-guides-recordings/
recordings_camera_solution.ts
recordings_reaction_camera_solution.ts
references/react-native/examples/editor-guides-configuration-basics/
basic_editor_solution.ts
references/react-native/examples/editor-guides-quickstart/
app.json
editor_react_native.ts
references/react-native/examples/editor-guides-solutions-apparel-editor/
apparel_editor_solution.ts
references/react-native/examples/editor-guides-solutions-design-editor/
design_editor_solution.ts
references/react-native/examples/editor-guides-solutions-photo-editor/
photo_editor_solution.ts
references/react-native/examples/editor-guides-solutions-postcard-editor/
postcard_editor_solution.ts
references/react-native/examples/editor-guides-solutions-video-editor/
video_editor_solution.ts
references/swift/
README.md
references/web/
angular.md

详细介绍

版本说明

CE.SDK 1.84.0 · 生成日期 2026-10-14 · 插件 imgly-sdk · 规范更新源 imgly/agent-skills。

如果此捆绑包已超过六周，或用户询问更新，请在每项任务中按照 references/update-check.md 检查一次，并将结果用于所有 CE.SDK 技能。检查时仅执行只读操作。未经用户明确批准，切勿安装、更新、覆盖或删除任何内容。 除非用户批准更新，否则请继续使用此捆绑包。

使用 CE.SDK 构建

任务：$ARGUMENTS

涵盖 Web（React、Vue.js、Svelte、Angular、Electron、Vanilla JavaScript、Node.js、Nuxt.js、Next.js、SvelteKit）；Flutter（Dart），适用于 iOS 和 Android；React Native（TypeScript），适用于 iOS 和 Android；Swift，适用于 iOS、macOS 和 Mac Catalyst；Kotlin 和 Jetpack Compose，适用于 Android。

平台检测

根据项目文件检测平台，然后阅读对应的参考文件夹。

项目文件平台参考文件夹
pubspec.yaml（其 android/ 和 ios/ 文件夹属于 Flutter 应用）Flutter（Dart；iOS 和 Android 上的原生编辑器）references/flutter/
package.json 依赖项中的 react-native（其 android/ 和 ios/ 文件夹属于 React Native 应用）React Native（TypeScript；iOS 和 Android 上的原生编辑器）references/react-native/
Package.swift、*.xcodeproj 或 *.xcworkspaceSwift（iOS、macOS、Mac Catalyst）references/swift/
build.gradle、build.gradle.kts 或 settings.gradle*Android（Kotlin、Jetpack Compose）references/android/
package.jsonWeb——根据依赖项选择框架（见下表）references/web/index.md

按列出的顺序匹配各行。Flutter 或 React Native 项目也包含 android/ 和 ios/ 文件夹，且 React Native 项目会在 package.json 中列出 react；这些文件属于封装应用，因此应优先匹配对应行，而不是 Swift、Android 和 Web 行。

根据 package.json 依赖项选择 Web 框架

按以下顺序检查：react-native → React Native（上方对应行，而非 Web），然后 next → Next.js，nuxt → Nuxt.js，@sveltejs/kit → SvelteKit， @angular/core → Angular，svelte → Svelte，vue → Vue.js，react → React， electron → Electron，@cesdk/node 或服务端项目 → Node.js，均无匹配项 → Vanilla JS。

框架构建说明
Reactreferences/web/react.md
Vue.jsreferences/web/vue.md
Sveltereferences/web/svelte.md
Angularreferences/web/angular.md
Electronreferences/web/electron.md
Vanilla JavaScriptreferences/web/js.md
Node.jsreferences/web/node.md
Nuxt.jsreferences/web/nuxtjs.md
Next.jsreferences/web/nextjs.md
SvelteKitreferences/web/sveltekit.md

包含上述多个文件的单体仓库或空文件夹都存在歧义：请询问用户要针对哪个平台和框架 ，而不要自行猜测。答案中切勿混用两个平台的内容，除非 Flutter 或 React Native 答案需要添加其原生映射所要求的 Swift 和 Kotlin 代码。

使用方法

  1. 按上述说明检测平台和框架。
  2. Web：先阅读 references/web/index.md，然后阅读其中指定的框架文件和 references/web/common.md。其他所有平台：阅读其对应文件夹中的 README.md。这些文件包含实现工作流、已知问题、入门套件或示例表，以及输出格式。Web、Swift 和 Android 会列出可克隆的公开入门套件仓库；Flutter 和 React Native 文件夹则附带 examples/。
  3. 编写代码前，请在 skills/docs/references/ 下相同的平台和框架文件夹中查找准确的 API、包名和版本。
  4. 先给出完整可运行的代码，然后简要说明并列出后续步骤。

相关技能

  • 使用 /imgly-sdk:docs 查阅文档和 API 参考
  • 使用 /imgly-sdk:explain 在实施前了解相关概念
  • Claude Code：builder Agent 会将自主搭建工作委派给此技能

评论

支持 Markdown