@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/filters-and-effects/overview.md

@@ -1,22 +1,22 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Guides](./guides.md) > [Filters and Effects](./filters-and-effects.md) > [Overview](./filters-and-effects/overview.md)
 
 ---
 
-In CreativeEditor SDK (CE.SDK), _filters_ and _effects_ refer to visual modifications that enhance or transform the appearance of design elements. Filters typically adjust an element’s overall color or tone, while effects add specific visual treatments like blur, sharpness, or distortion.
-
-You can apply both filters and effects through the user interface or programmatically using the CE.SDK API. They allow you to refine the look of images, videos, and graphic elements in your designs with precision and flexibility.
+In CreativeEditor SDK (CE.SDK), *filters* and *effects* refer to visual modifications that enhance or transform the appearance of design elements. Filters typically adjust an element’s overall color or tone, while effects add specific visual treatments like blur, sharpness, or distortion.
 
 [Launch Web Demo](https://img.ly/showcases/cesdk)
 
 [Get Started](./get-started/overview.md)
 
+
+
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support

package/assets/docs/guide/filters-and-effects/support.md

@@ -1,4 +1,4 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Guides](./guides.md) > [Filters and Effects](./filters-and-effects.md) > [Supported Filters and Effects](./filters-and-effects/support.md)
 
@@ -7,112 +7,49 @@
 Discover all available filters and effects in CE.SDK and learn how to check
 if a block supports them.
 
-![Supported Filters and Effects example showing a gradient background with glow and vignette effects](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
-
 > **Reading time:** 5 minutes
 >
 > **Resources:**
 >
 > - [Download examples](https://github.com/imgly/cesdk-web-examples/archive/refs/tags/release-$UBQ_VERSION$.zip)
-> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-filters-and-effects-support-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-filters-and-effects-support-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-filters-and-effects-support-browser/)
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-filters-and-effects-support-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-filters-and-effects-support-server-js)
 
 CE.SDK provides 22 built-in effect types for visual transformations including color adjustments, blur effects, artistic filters, and distortion effects. This reference guide shows how to check effect support and add effects programmatically, followed by detailed property tables for each effect type.
 
-```typescript file=@cesdk_web_examples/guides-filters-and-effects-support-browser/browser.ts reference-only
-import type { EditorPlugin, EditorPluginContext } from '@cesdk/cesdk-js';
-
-import {
-  BlurAssetSource,
-  ColorPaletteAssetSource,
-  CropPresetsAssetSource,
-  DemoAssetSources,
-  EffectsAssetSource,
-  FiltersAssetSource,
-  PagePresetsAssetSource,
-  StickerAssetSource,
-  TextAssetSource,
-  TextComponentAssetSource,
-  TypefaceAssetSource,
-  UploadAssetSources,
-  VectorShapeAssetSource
-} from '@cesdk/cesdk-js/plugins';
-import { DesignEditorConfig } from './design-editor/plugin';
-import packageJson from './package.json';
+```typescript file=@cesdk_web_examples/guides-filters-and-effects-support-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { writeFileSync, mkdirSync, existsSync } from 'fs';
+import { config } from 'dotenv';
+
+// Load environment variables
+config();
 
 /**
- * CE.SDK Plugin: Supported Filters and Effects Reference
+ * CE.SDK Server Guide: Supported Filters and Effects Reference
  *
  * Demonstrates how to check effect support and add effects to blocks:
  * - Checking if a block supports effects
  * - Creating and appending effects
  * - Configuring effect properties
  */
-class Example implements EditorPlugin {
-  name = packageJson.name;
-
-  version = packageJson.version;
-
-  async initialize({ cesdk }: EditorPluginContext): Promise<void> {
-    if (!cesdk) {
-      throw new Error('CE.SDK instance is required for this plugin');
-    }
-
-    await cesdk.addPlugin(new DesignEditorConfig());
-
-    // Add asset source plugins
-    await cesdk.addPlugin(new BlurAssetSource());
-    await cesdk.addPlugin(new ColorPaletteAssetSource());
-    await cesdk.addPlugin(new CropPresetsAssetSource());
-    await cesdk.addPlugin(
-      new UploadAssetSources({ include: ['ly.img.image.upload'] })
-    );
-    await cesdk.addPlugin(
-      new DemoAssetSources({
-        include: [
-          'ly.img.templates.blank.*',
-          'ly.img.templates.presentation.*',
-          'ly.img.templates.print.*',
-          'ly.img.templates.social.*',
-          'ly.img.image.*'
-        ]
-      })
-    );
-    await cesdk.addPlugin(new EffectsAssetSource());
-    await cesdk.addPlugin(new FiltersAssetSource());
-    await cesdk.addPlugin(new PagePresetsAssetSource());
-    await cesdk.addPlugin(new StickerAssetSource());
-    await cesdk.addPlugin(new TextAssetSource());
-    await cesdk.addPlugin(new TextComponentAssetSource());
-    await cesdk.addPlugin(new TypefaceAssetSource());
-    await cesdk.addPlugin(new VectorShapeAssetSource());
-
-    await cesdk.actions.run('scene.create', {
-      page: { width: 800, height: 600, unit: 'Pixel' }
+async function main() {
+  // Initialize the headless Creative Engine
+  const engine = await CreativeEngine.init({
+    baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+    // license: process.env.CESDK_LICENSE
+  });
+
+  try {
+    // Create a scene with a page
+    engine.scene.create('VerticalStack', {
+      page: { size: { width: 800, height: 600 } }
     });
 
-    const engine = cesdk.engine;
     const page = engine.block.findByType('page')[0];
 
-    // Enable effects and filters in the inspector panel
-    cesdk.feature.enable('ly.img.effect');
-    cesdk.feature.enable('ly.img.filter');
-
-    // Create a beautiful gradient background
-    const gradientFill = engine.block.createFill('gradient/linear');
-    engine.block.setGradientColorStops(gradientFill, 'fill/gradient/colors', [
-      { color: { r: 0.02, g: 0.02, b: 0.08, a: 1.0 }, stop: 0 }, // Near black
-      { color: { r: 0.04, g: 0.06, b: 0.18, a: 1.0 }, stop: 0.4 }, // Dark navy
-      { color: { r: 0.08, g: 0.12, b: 0.28, a: 1.0 }, stop: 0.7 }, // Deep blue
-      { color: { r: 0.1, g: 0.15, b: 0.35, a: 1.0 }, stop: 1 } // Dark blue
-    ]);
-    engine.block.setFloat(gradientFill, 'fill/gradient/linear/startPointX', 0);
-    engine.block.setFloat(gradientFill, 'fill/gradient/linear/startPointY', 0);
-    engine.block.setFloat(gradientFill, 'fill/gradient/linear/endPointX', 1);
-    engine.block.setFloat(gradientFill, 'fill/gradient/linear/endPointY', 1);
-    engine.block.setFill(page, gradientFill);
-
     // Define font for text
     const fontUri =
       'https://cdn.img.ly/packages/imgly/cesdk-js/latest/assets/extensions/ly.img.cesdk.fonts/fonts/Roboto/Roboto-Bold.ttf';
@@ -128,12 +65,26 @@ class Example implements EditorPlugin {
       ]
     };
 
+    // Create a beautiful gradient background
+    const gradientFill = engine.block.createFill('gradient/linear');
+    engine.block.setGradientColorStops(gradientFill, 'fill/gradient/colors', [
+      { color: { r: 0.02, g: 0.02, b: 0.08, a: 1.0 }, stop: 0 }, // Near black
+      { color: { r: 0.04, g: 0.06, b: 0.18, a: 1.0 }, stop: 0.4 }, // Dark navy
+      { color: { r: 0.08, g: 0.12, b: 0.28, a: 1.0 }, stop: 0.7 }, // Deep blue
+      { color: { r: 0.1, g: 0.15, b: 0.35, a: 1.0 }, stop: 1 } // Dark blue
+    ]);
+    engine.block.setFloat(gradientFill, 'fill/gradient/linear/startPointX', 0);
+    engine.block.setFloat(gradientFill, 'fill/gradient/linear/startPointY', 0);
+    engine.block.setFloat(gradientFill, 'fill/gradient/linear/endPointX', 1);
+    engine.block.setFloat(gradientFill, 'fill/gradient/linear/endPointY', 1);
+    engine.block.setFill(page, gradientFill);
+
     // Create title text: "Supported Filters and Effects" at 80pt (centered)
     const titleText = engine.block.create('text');
     engine.block.appendChild(page, titleText);
     engine.block.replaceText(titleText, 'Supported Filters and Effects');
     engine.block.setFont(titleText, fontUri, typeface);
-    engine.block.setTextFontSize(titleText, 80);
+    engine.block.setTextFontSize(titleText, 11);
     engine.block.setTextColor(titleText, { r: 1.0, g: 1.0, b: 1.0, a: 1.0 });
     engine.block.setEnum(titleText, 'text/horizontalAlignment', 'Center');
     engine.block.setWidth(titleText, 780);
@@ -147,7 +98,7 @@ class Example implements EditorPlugin {
     engine.block.appendChild(page, subtitleText);
     engine.block.replaceText(subtitleText, 'img.ly');
     engine.block.setFont(subtitleText, fontUri, typeface);
-    engine.block.setTextFontSize(subtitleText, 64);
+    engine.block.setTextFontSize(subtitleText, 8);
     engine.block.setTextColor(subtitleText, {
       r: 0.75,
       g: 0.82,
@@ -217,16 +168,24 @@ class Example implements EditorPlugin {
       console.log(`Effect ${index}: ${effectType}`);
     });
 
-    // Select the image to show effects in inspector
-    engine.block.select(imageBlock);
+    // Export the result to a file
+    const outputDir = './output';
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
 
-    console.log(
-      'Support guide initialized. Select the image to see effects in the inspector.'
-    );
+    const blob = await engine.block.export(page, { mimeType: 'image/png' });
+    const buffer = Buffer.from(await blob.arrayBuffer());
+    writeFileSync(`${outputDir}/effect-support-demo.png`, buffer);
+
+    console.log('Exported result to output/effect-support-demo.png');
+  } finally {
+    // Always dispose of the engine to free resources
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
 This guide covers checking effect support on blocks, adding effects programmatically, and the complete list of available effect types with their properties. For detailed tutorials on configuring and combining multiple effects, see the [Apply Filters and Effects](./filters-and-effects/apply.md) guide.
@@ -236,23 +195,23 @@ This guide covers checking effect support on blocks, adding effects programmatic
 Before applying effects to a block, verify whether it supports them using `supportsEffects()`. Not all block types can have effects applied.
 
 ```typescript highlight-check-effect-support
-// Check if a block supports effects before applying them
-// Not all block types support effects - verify first to avoid errors
-
-// Add an image to demonstrate effects (centered below text)
-const imageUri = 'https://img.ly/static/ubq_samples/sample_1.jpg';
-const imageBlock = await engine.block.addImage(imageUri, {
-  size: { width: 300, height: 210 }
-});
-engine.block.appendChild(page, imageBlock);
-
-// Center the image below the subtext
-engine.block.setPositionX(imageBlock, (800 - 300) / 2); // 250
-engine.block.setPositionY(imageBlock, 310);
-
-// Image blocks support effects
-const imageSupportsEffects = engine.block.supportsEffects(imageBlock);
-console.log('Image supports effects:', imageSupportsEffects); // true
+    // Check if a block supports effects before applying them
+    // Not all block types support effects - verify first to avoid errors
+
+    // Add an image to demonstrate effects (centered below text)
+    const imageUri = 'https://img.ly/static/ubq_samples/sample_1.jpg';
+    const imageBlock = await engine.block.addImage(imageUri, {
+      size: { width: 300, height: 210 }
+    });
+    engine.block.appendChild(page, imageBlock);
+
+    // Center the image below the subtext
+    engine.block.setPositionX(imageBlock, (800 - 300) / 2); // 250
+    engine.block.setPositionY(imageBlock, 310);
+
+    // Image blocks support effects
+    const imageSupportsEffects = engine.block.supportsEffects(imageBlock);
+    console.log('Image supports effects:', imageSupportsEffects); // true
 ```
 
 Effect support is available for:
@@ -267,12 +226,12 @@ Effect support is available for:
 Create an effect using `createEffect()` with the effect type identifier, then attach it to a block with `appendEffect()`.
 
 ```typescript highlight-add-effect
-// Create an effect using the effect type identifier
-// CE.SDK provides 22 built-in effect types (see property tables below)
-const duotoneEffect = engine.block.createEffect('duotone_filter');
+    // Create an effect using the effect type identifier
+    // CE.SDK provides 22 built-in effect types (see property tables below)
+    const duotoneEffect = engine.block.createEffect('duotone_filter');
 
-// Append the effect to the image's effect stack
-engine.block.appendEffect(imageBlock, duotoneEffect);
+    // Append the effect to the image's effect stack
+    engine.block.appendEffect(imageBlock, duotoneEffect);
 ```
 
 ## Configure Effect Properties
@@ -295,7 +254,11 @@ engine.block.setColor(duotoneEffect, 'effect/duotone_filter/lightColor', {
   b: 1.0,
   a: 1.0
 }); // Light blue
-engine.block.setFloat(duotoneEffect, 'effect/duotone_filter/intensity', 0.8);
+engine.block.setFloat(
+  duotoneEffect,
+  'effect/duotone_filter/intensity',
+  0.8
+);
 ```
 
 CE.SDK provides typed setter methods for different parameter types:
@@ -311,15 +274,15 @@ CE.SDK provides typed setter methods for different parameter types:
 Use `getEffects()` to retrieve all effects applied to a block.
 
 ```typescript highlight-get-effects
-// Retrieve all effects applied to a block
-const appliedEffects = engine.block.getEffects(imageBlock);
-console.log('Number of applied effects:', appliedEffects.length);
-
-// Log each effect's type
-appliedEffects.forEach((effect, index) => {
-  const effectType = engine.block.getType(effect);
-  console.log(`Effect ${index}: ${effectType}`);
-});
+    // Retrieve all effects applied to a block
+    const appliedEffects = engine.block.getEffects(imageBlock);
+    console.log('Number of applied effects:', appliedEffects.length);
+
+    // Log each effect's type
+    appliedEffects.forEach((effect, index) => {
+      const effectType = engine.block.getType(effect);
+      console.log(`Effect ${index}: ${effectType}`);
+    });
 ```
 
 ## Effects
@@ -384,7 +347,7 @@ This section describes the properties available for the **Duotone Filter Type**
 | Property                           | Type    | Default                     | Description                                                                       |
 | ---------------------------------- | ------- | --------------------------- | --------------------------------------------------------------------------------- |
 | `effect/duotone_filter/darkColor`  | `Color` | `{"r":0,"g":0,"b":0,"a":0}` | The darker of the two colors. Negative filter intensities emphasize this color.   |
-| `effect/duotone_filter/intensity`  | `Float` | `0`                         | The mixing weight of the two colors in the range \[-1, 1].                        |
+| `effect/duotone_filter/intensity`  | `Float` | `0`                         | The mixing weight of the two colors in the range \[-1, 1].                         |
 | `effect/duotone_filter/lightColor` | `Color` | `{"r":0,"g":0,"b":0,"a":0}` | The brighter of the two colors. Positive filter intensities emphasize this color. |
 | `effect/enabled`                   | `Bool`  | `true`                      | Whether the effect is enabled.                                                    |
 
@@ -472,7 +435,7 @@ This section describes the properties available for the **Lut Filter Type** (`//
 | --------------------------------------- | -------- | ------- | ---------------------------------------------------------- |
 | `effect/enabled`                        | `Bool`   | `true`  | Whether the effect is enabled.                             |
 | `effect/lut_filter/horizontalTileCount` | `Int`    | `5`     | The horizontal number of tiles contained in the LUT image. |
-| `effect/lut_filter/intensity`           | `Float`  | `1`     | A value in the range of \[0, 1]. Defaults to 1.0.          |
+| `effect/lut_filter/intensity`           | `Float`  | `1`     | A value in the range of \[0, 1]. Defaults to 1.0.           |
 | `effect/lut_filter/lutFileURI`          | `String` | `""`    | The URI to a LUT PNG file.                                 |
 | `effect/lut_filter/verticalTileCount`   | `Int`    | `5`     | The vertical number of tiles contained in the LUT image.   |
 
@@ -613,11 +576,13 @@ This section describes the properties available for the **Vignette Type** (`//ly
 
 - [Apply Filters and Effects](./filters-and-effects/apply.md) - Learn how to configure, combine, and manage multiple effects
 
+
+
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support

package/assets/docs/guide/filters-and-effects.md

@@ -1,16 +1,20 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Guides](./guides.md) > [Filters and Effects](./filters-and-effects.md)
 
 ---
 
+
+
+
+
 ---
 
 ## Related Pages
 
-- [Filters & Effects Library](./filters-and-effects/overview.md) - Enhance visual elements with filters and effects such as blur, duotone, LUTs, and chroma keying.
+- [Node.js Filters & Effects Library](./filters-and-effects/overview.md) - Enhance visual elements with filters and effects such as blur, duotone, LUTs, and chroma keying.
 - [Supported Filters and Effects](./filters-and-effects/support.md) - View the full list of visual effects and filters available in CE.SDK, including both built-in and custom options.
-- [Apply Filters and Effects](./filters-and-effects/apply.md) - Apply filters and effects to design elements to enhance images and create visual transformations.
+- [Apply a Filter or Effect](./filters-and-effects/apply.md) - Documentation for Apply a Filter or Effect
 - [Create Custom Filters](./filters-and-effects/create-custom-filters.md) - Extend CE.SDK with custom LUT filter asset sources for brand-specific color grading and filter collections.
 - [Chroma Key (Green Screen)](./filters-and-effects/chroma-key-green-screen.md) - Apply the green screen effect to images and videos, replacing specific colors with transparency for compositing workflows.
 - [Blur Effects](./filters-and-effects/blur.md) - Apply blur effects to design elements to create depth, focus attention, or soften backgrounds.
@@ -18,11 +22,12 @@
 - [Distortion Effects](./filters-and-effects/distortion.md) - Apply distortion effects to warp, shift, and transform design elements for dynamic artistic visuals in CE.SDK.
 - [Duotone](./filters-and-effects/duotone.md) - Apply duotone effects to images, mapping tones to two colors for stylized visuals, vintage aesthetics, or brand-specific treatments.
 
+
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support

package/assets/docs/guide/get-started/agent-skills.md

@@ -1,4 +1,4 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Get Started](./get-started/overview.md) > [Build with AI](./get-started/build-with-ai.md) > [Agent Skills](./get-started/agent-skills.md)
 
@@ -16,20 +16,20 @@ The CE.SDK Agent Skills plugin gives AI coding assistants bundled documentation,
 
 ## Available Skills
 
-| Skill            | Description                                                              |
-| ---------------- | ------------------------------------------------------------------------ |
-| `docs-react`     | Look up CE.SDK React reference guides and documentation                  |
-| `docs-vue`       | Look up CE.SDK Vue.js reference guides and documentation                 |
-| `docs-svelte`    | Look up CE.SDK Svelte reference guides and documentation                 |
-| `docs-sveltekit` | Look up CE.SDK SvelteKit reference guides and documentation              |
-| `docs-angular`   | Look up CE.SDK Angular reference guides and documentation                |
-| `docs-nextjs`    | Look up CE.SDK Next.js reference guides and documentation                |
-| `docs-nuxtjs`    | Look up CE.SDK Nuxt.js reference guides and documentation                |
-| `docs-electron`  | Look up CE.SDK Electron reference guides and documentation               |
-| `docs-js`        | Look up CE.SDK Vanilla JavaScript reference guides and documentation     |
-| `docs-node`      | Look up CE.SDK Node.js reference guides and documentation                |
-| `build`          | Implement features, write code, and set up CE.SDK Web projects           |
-| `explain`        | Explain how CE.SDK Web features work — concepts, architecture, workflows |
+| Skill | Description |
+|-------|-------------|
+| `docs-react` | Look up CE.SDK React reference guides and documentation |
+| `docs-vue` | Look up CE.SDK Vue.js reference guides and documentation |
+| `docs-svelte` | Look up CE.SDK Svelte reference guides and documentation |
+| `docs-sveltekit` | Look up CE.SDK SvelteKit reference guides and documentation |
+| `docs-angular` | Look up CE.SDK Angular reference guides and documentation |
+| `docs-nextjs` | Look up CE.SDK Next.js reference guides and documentation |
+| `docs-nuxtjs` | Look up CE.SDK Nuxt.js reference guides and documentation |
+| `docs-electron` | Look up CE.SDK Electron reference guides and documentation |
+| `docs-js` | Look up CE.SDK Vanilla JavaScript reference guides and documentation |
+| `docs-node` | Look up CE.SDK Node.js reference guides and documentation |
+| `build` | Implement features, write code, and set up CE.SDK Web projects |
+| `explain` | Explain how CE.SDK Web features work — concepts, architecture, workflows |
 
 The plugin also includes a **builder** agent that autonomously scaffolds complete CE.SDK web applications — detecting your framework, applying starter kit templates, and implementing features end-to-end.
 
@@ -109,11 +109,13 @@ Each documentation skill bundles the complete CE.SDK guides and API references f
 
 The build skill includes starter kit templates for common use cases like design editors, video editors, and photo editors. It detects your project's framework and generates code accordingly.
 
+
+
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support

package/assets/docs/guide/get-started/build-with-ai.md

@@ -1,4 +1,4 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Get Started](./get-started/overview.md) > [Build with AI](./get-started/build-with-ai.md)
 
@@ -27,6 +27,8 @@ Download our **LLMs.txt** files to manually load CE.SDK documentation into any A
 
 [Download LLMs.txt](./llms-txt.md)
 
+
+
 ---
 
 ## Related Pages
@@ -35,11 +37,12 @@ Download our **LLMs.txt** files to manually load CE.SDK documentation into any A
 - [MCP Server](./get-started/mcp-server.md) - Connect AI assistants to CE.SDK documentation using the Model Context Protocol (MCP) server.
 - [LLMs.txt](./llms-txt.md) - Our documentation is available in LLMs.txt format
 
+
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support