Skip to main content

explain

Explain how CE.SDK Web features work — concepts, architecture, and workflows. Covers React, Vue.js, Svelte, Angular, Electron, Vanilla JavaScript, Node.js, Nuxt.js, Next.js, SvelteKit. Use when the user says "explain", "how does X work", "walk me through", "what is", or "describe" and wants to understand a CE.SDK concept for Web development. Generates custom markdown explanations with diagrams and code examples. Not for looking up existing docs (use docs-{framework}) or writing code (use build). <example> Context: User wants to understand how text layers work user: "Explain how text layers work in CE.SDK" assistant: "I'll use /imgly-sdk:explain to generate a detailed explanation." </example> <example> Context: User needs a concept explained user: "How does the block hierarchy work for video editing?" assistant: "Let me use /imgly-sdk:explain to explain video block hierarchy." </example>

Informations de source

Dépôt
imgly/agent-skills
Dernière activité de la source
8 octobre 2026 à 15:13
Langue détectée de SKILL.md
anglais
Étoiles
8
Forks
3

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers
2 fichiers

Affichage de SKILL.md

SKILL.md
Instructions source · Aperçu en lecture seule
name
explain
description
Explain how the IMG.LY SDK (CE.SDK) works: scenes, blocks, pages, fills, effects, timeline, rendering, export, asset sources, plugins. Use for "how does X work / why" questions about the engine or editor architecture.
argument-hint
[topic or question]
## Version Notice > CE.SDK `1.84.0` · generated `2026-10-14` · plugin `imgly-sdk` > · canonical update source `imgly/agent-skills`. > > If this bundle is over six weeks old, or the user asks about updates, follow > `references/update-check.md` once per task and reuse the result for all CE.SDK > skills. Keep the check read-only. Never install, update, overwrite, or delete > anything without explicit user approval. Continue with this bundle unless an > update is approved. # Explain CE.SDK **Topic**: $ARGUMENTS Covers Web (React, Vue.js, Svelte, Angular, Electron, Vanilla JavaScript, Node.js, Nuxt.js, Next.js, SvelteKit); Flutter (Dart) on iOS and Android; React Native (TypeScript) on iOS and Android; Swift on iOS, macOS, and Mac Catalyst; Kotlin and Jetpack Compose on Android. ## Platform Detection Detect the platform from the project files, then read the matching reference folder. | Project files | Platform | Reference folder | |---------------|----------|------------------| | `pubspec.yaml` (its `android/` and `ios/` folders belong to the Flutter app) | Flutter (Dart; native editor on iOS and Android) | `references/flutter/` | | `react-native` in `package.json` dependencies (its `android/` and `ios/` folders belong to the React Native app) | React Native (TypeScript; native editor on iOS and Android) | `references/react-native/` | | `Package.swift`, `*.xcodeproj`, or `*.xcworkspace` | Swift (iOS, macOS, Mac Catalyst) | `references/swift/` | | `build.gradle`, `build.gradle.kts`, or `settings.gradle*` | Android (Kotlin, Jetpack Compose) | `references/android/` | | `package.json` | Web — pick the framework from its dependencies (table below) | `references/web/` | Match the rows in the order listed. A Flutter or React Native project also holds `android/` and `ios/` folders, and a React Native project lists `react` in `package.json`; those files belong to the wrapper app, so its row wins over the Swift, Android, and Web rows. ### Web framework from `package.json` dependencies Check in this order: `react-native` → React Native (the row above, not Web), then `next` → Next.js, `nuxt` → Nuxt.js, `@sveltejs/kit` → SvelteKit, `@angular/core` → Angular, `svelte` → Svelte, `vue` → Vue.js, `react` → React, `electron` → Electron, `@cesdk/node` or a server project → Node.js, none → Vanilla JS. | Framework | Docs folder | |-----------|-------------| | React | `skills/docs/references/web/react/` | | Vue.js | `skills/docs/references/web/vue/` | | Svelte | `skills/docs/references/web/svelte/` | | Angular | `skills/docs/references/web/angular/` | | Electron | `skills/docs/references/web/electron/` | | Vanilla JavaScript | `skills/docs/references/web/js/` | | Node.js | `skills/docs/references/web/node/` | | Nuxt.js | `skills/docs/references/web/nuxtjs/` | | Next.js | `skills/docs/references/web/nextjs/` | | SvelteKit | `skills/docs/references/web/sveltekit/` | A monorepo with several of these files or an empty folder is ambiguous: **ask the user which platform and framework to target** instead of guessing. Never mix content from two platforms in one answer, except that a Flutter or React Native answer adds the Swift and Kotlin code its native mapping calls for. ## How to Use 1. Detect the platform and framework as above. 2. Read `README.md` in the matching folder under this skill's `references/`. It holds the explanation guidelines and output format for that platform. 3. Ground the explanation in the documentation: follow `README.md` in the same platform and framework folder under `skills/docs/references/`. 4. Lead with the concept, then a complete example valid for the detected platform, then trade-offs and related topics. ## Related Skills - Use `/imgly-sdk:docs` for source documentation and API reference - Use `/imgly-sdk:build` when the user wants implementation, not just explanation
Voir sur GitHub