npm - @w3kits-com/plugin-opendesign - Versions diffs - 0.1.8 → 0.1.9 - Mend

@w3kits-com/plugin-opendesign 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1706) hide show

package/dist/__w3kits/assets/skills/editorial-burgundy-principles-template/assets/template.html ADDED Viewed

@@ -0,0 +1,94 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Editorial Burgundy Principles Template</title>
+  <style>
+    :root { --wine:#5a1f2e; --wine2:#7f2b43; --blush:#f4c5ce; --gold:#e4cd74; --paper:#f8d8de; --line:rgba(90,31,46,.18); }
+    * { box-sizing: border-box; }
+    body { margin:0; background:var(--paper); color:var(--wine); font-family:Inter,Arial,sans-serif; min-height:100vh; }
+    .deck { width:min(1400px,96vw); min-height:860px; margin:24px auto; border:1px solid var(--line); background:var(--paper); overflow:hidden; position:relative; }
+    .toolbar { display:flex; justify-content:space-between; align-items:center; padding:14px 20px; border-bottom:1px solid var(--line); font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
+    .btns { display:flex; gap:8px; } button { border:1px solid var(--line); background:transparent; color:var(--wine); border-radius:999px; height:30px; padding:0 12px; cursor:pointer; }
+    .slides { position:relative; height:760px; }
+    .slide { position:absolute; inset:0; opacity:0; transform:translateX(18px); transition:.35s ease; pointer-events:none; padding:32px; }
+    .slide.active { opacity:1; transform:none; pointer-events:auto; }
+    .s1 { background:var(--wine); color:#f8d8de; }
+    .kicker { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }
+    .s1 h1 { margin:18px 0 0; font-size:220px; line-height:.85; letter-spacing:-.05em; color:#f7c4d0; }
+    .s1 .pct { color:var(--gold); font-size:84px; font-family:Georgia,serif; font-style:italic; margin-left:8px; }
+    .row2 { margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:36px; }
+    .desc h3, .bars h3 { margin:0 0 12px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }
+    .desc p { margin:0; color:#f0cad2; line-height:1.5; max-width:560px; }
+    .bar { display:grid; grid-template-columns:58px 1fr 52px; gap:12px; align-items:center; margin-bottom:10px; }
+    .bar .track { height:8px; background:rgba(248,216,222,.18); border-radius:99px; overflow:hidden; }
+    .bar .fill { height:100%; background:var(--gold); }
+    .bar:last-child .fill { background:#f3d7de; }
+    .s2 .top { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.18em; text-transform:uppercase; margin-bottom:28px; }
+    .tags { min-height:330px; position:relative; }
+    .pill { position:absolute; border-radius:999px; padding:12px 22px; font-weight:700; }
+    .pill.a{left:2%;top:6%;background:var(--wine);color:var(--gold);} .pill.b{left:17%;top:6%;background:var(--gold);color:var(--wine);} .pill.c{left:35%;top:6%;background:var(--wine2);color:var(--gold);} .pill.d{left:52%;top:6%;background:var(--gold);color:var(--wine);}
+    .pill.e{left:70%;top:6%;background:var(--wine2);color:var(--gold);} .pill.f{left:4%;top:20%;background:var(--gold);color:var(--wine);} .pill.g{left:21%;top:20%;background:var(--wine2);color:var(--gold);} .pill.h{left:39%;top:20%;background:var(--gold);color:var(--wine);}
+    .pill.i{left:58%;top:20%;background:var(--wine2);color:var(--gold);} .pill.j{left:4%;top:34%;background:var(--gold);color:var(--wine);} .pill.k{left:23%;top:34%;background:var(--wine2);color:var(--gold);} .pill.l{left:43%;top:34%;background:var(--gold);color:var(--wine);}
+    .title-lockup { margin-top:120px; font-size:126px; line-height:.9; font-weight:900; letter-spacing:-.04em; color:var(--wine2); }
+    .title-lockup em { font-family:Georgia,serif; font-style:italic; color:var(--gold); font-weight:500; }
+    .s3 h2 { margin:0 0 24px; font-size:62px; letter-spacing:-.03em; }
+    .s3 h2 em { font-family:Georgia,serif; font-style:italic; font-weight:500; }
+    .grid { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,1fr); gap:14px; height:620px; }
+    .card { border-radius:20px; padding:18px 20px; display:flex; flex-direction:column; gap:10px; }
+    .card.w { background:var(--wine2); color:#f5d2da; } .card.g { background:var(--gold); color:var(--wine); }
+    .idx { font-size:11px; letter-spacing:.12em; text-transform:uppercase; opacity:.7; } .card h3 { margin:0; font-size:30px; line-height:1.02; } .card p { margin:0; line-height:1.42; font-size:15px; opacity:.9; flex:1; }
+    .dots { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:10px; }
+    .dot { width:10px; height:10px; border-radius:50%; border:1px solid var(--wine); background:transparent; } .dot.active { background:var(--wine); transform:scale(1.25); }
+    .hover { transition:transform .2s ease; } .hover:hover { transform:translateY(-2px); }
+  </style>
+</head>
+<body>
+  <main class="deck">
+    <header class="toolbar"><span>Editorial / Studio Deck</span><div class="btns"><button id="prevBtn" type="button">Prev</button><button id="nextBtn" type="button">Next</button></div></header>
+    <section class="slides">
+      <article class="slide s1 active" data-slide="0">
+        <div class="kicker">§ 04 — Headline figure</div>
+        <h1>72<span class="pct">%</span></h1>
+        <div class="row2">
+          <section class="desc"><h3>What this measures</h3><p>Placeholder annotation about what the figure means, fielded in a stable sample and weighted to population.</p></section>
+          <section class="bars"><h3>Composition</h3><div class="bar"><span>A</span><div class="track"><div class="fill" style="width:82%"></div></div><span>82.4</span></div><div class="bar"><span>B</span><div class="track"><div class="fill" style="width:64%"></div></div><span>63.9</span></div><div class="bar"><span>C</span><div class="track"><div class="fill" style="width:48%"></div></div><span>48.1</span></div><div class="bar"><span>D</span><div class="track"><div class="fill" style="width:31%"></div></div><span>31.0</span></div></section>
+        </div>
+      </article>
+      <article class="slide s2 hover" data-slide="1">
+        <div class="top"><span>Vol. 04 — Editorial brief</span><span>Spring / Summer edition</span><span>FW · 2026</span></div>
+        <section class="tags"><span class="pill a">Focus</span><span class="pill b">Tech-equipped</span><span class="pill c">Creativity</span><span class="pill d">Coffee</span><span class="pill e">Community</span><span class="pill f">Coworking</span><span class="pill g">Productivity</span><span class="pill h">Inspiration</span><span class="pill i">Flexible</span><span class="pill j">Workshops</span><span class="pill k">Collaboration</span><span class="pill l">Studio</span></section>
+        <div class="title-lockup">Studio <em>&amp;</em> Salon</div>
+      </article>
+      <article class="slide s3" data-slide="2">
+        <h2>Eight principles, <em>loosely held.</em></h2>
+        <section class="grid">
+          <article class="card w hover"><div class="idx">/ 01</div><h3>Slow looking</h3><p>Let readers stay with the frame long enough to absorb context.</p></article>
+          <article class="card g hover"><div class="idx">/ 02</div><h3>Open kitchen</h3><p>Show process and iteration, not only polished outcomes.</p></article>
+          <article class="card w hover"><div class="idx">/ 03</div><h3>Borrowed light</h3><p>Credit influences and name references with precision.</p></article>
+          <article class="card g hover"><div class="idx">/ 04</div><h3>Quiet defaults</h3><p>Use restraint first; amplify only when the narrative asks for it.</p></article>
+          <article class="card w hover"><div class="idx">/ 05</div><h3>Fewer, finer</h3><p>Remove noise so every element earns its place.</p></article>
+          <article class="card g hover"><div class="idx">/ 06</div><h3>Generous edges</h3><p>Leave enough whitespace for breathing and interpretation.</p></article>
+          <article class="card w hover"><div class="idx">/ 07</div><h3>Hand in it</h3><p>Retain small traces of craft; avoid sterile over-polish.</p></article>
+          <article class="card g hover"><div class="idx">/ 08</div><h3>To be added</h3><p>Keep one slot open for what the team learns next.</p></article>
+        </section>
+      </article>
+    </section>
+    <nav class="dots" aria-label="Slide navigation"><button class="dot active" type="button" data-dot="0"></button><button class="dot" type="button" data-dot="1"></button><button class="dot" type="button" data-dot="2"></button></nav>
+  </main>
+  <script>
+    (function () {
+      const slides = Array.from(document.querySelectorAll(".slide"));
+      const dots = Array.from(document.querySelectorAll(".dot"));
+      let idx = 0;
+      const max = slides.length - 1;
+      function show(next) { idx = Math.max(0, Math.min(max, next)); slides.forEach((el, i) => el.classList.toggle("active", i === idx)); dots.forEach((el, i) => el.classList.toggle("active", i === idx)); }
+      document.getElementById("prevBtn").addEventListener("click", () => show(idx - 1));
+      document.getElementById("nextBtn").addEventListener("click", () => show(idx + 1));
+      dots.forEach((dot, i) => dot.addEventListener("click", () => show(i)));
+      document.addEventListener("keydown", (event) => { if (event.key === "ArrowLeft") show(idx - 1); if (event.key === "ArrowRight") show(idx + 1); });
+    })();
+  </script>
+</body>
+</html>

package/dist/__w3kits/assets/skills/editorial-burgundy-principles-template/example.html ADDED Viewed

@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Editorial Burgundy Principles Example</title>
+  <style>
+    :root { --wine:#5a1f2e; --wine2:#7f2b43; --blush:#f4c5ce; --gold:#e4cd74; --paper:#f8d8de; --line:rgba(90,31,46,.18); }
+    * { box-sizing: border-box; } body { margin:0; background:var(--paper); color:var(--wine); font-family:Inter,Arial,sans-serif; min-height:100vh; }
+    .deck { width:min(1400px,96vw); min-height:860px; margin:24px auto; border:1px solid var(--line); background:var(--paper); overflow:hidden; position:relative; }
+    .toolbar { display:flex; justify-content:space-between; align-items:center; padding:14px 20px; border-bottom:1px solid var(--line); font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
+    .btns { display:flex; gap:8px; } button { border:1px solid var(--line); background:transparent; color:var(--wine); border-radius:999px; height:30px; padding:0 12px; cursor:pointer; }
+    .slides { position:relative; height:760px; } .slide { position:absolute; inset:0; opacity:0; transform:translateX(18px); transition:.35s ease; pointer-events:none; padding:32px; } .slide.active { opacity:1; transform:none; pointer-events:auto; }
+    .s1 { background:var(--wine); color:#f8d8de; } .kicker { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); } .s1 h1 { margin:18px 0 0; font-size:220px; line-height:.85; letter-spacing:-.05em; color:#f7c4d0; } .s1 .pct { color:var(--gold); font-size:84px; font-family:Georgia,serif; font-style:italic; margin-left:8px; }
+    .row2 { margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:36px; } .desc h3, .bars h3 { margin:0 0 12px; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); } .desc p { margin:0; color:#f0cad2; line-height:1.5; max-width:560px; }
+    .bar { display:grid; grid-template-columns:58px 1fr 52px; gap:12px; align-items:center; margin-bottom:10px; } .bar .track { height:8px; background:rgba(248,216,222,.18); border-radius:99px; overflow:hidden; } .bar .fill { height:100%; background:var(--gold); } .bar:last-child .fill { background:#f3d7de; }
+    .s2 .top { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.18em; text-transform:uppercase; margin-bottom:28px; }
+    .tags { min-height:330px; position:relative; } .pill { position:absolute; border-radius:999px; padding:12px 22px; font-weight:700; } .pill.a{left:2%;top:6%;background:var(--wine);color:var(--gold);} .pill.b{left:17%;top:6%;background:var(--gold);color:var(--wine);} .pill.c{left:35%;top:6%;background:var(--wine2);color:var(--gold);} .pill.d{left:52%;top:6%;background:var(--gold);color:var(--wine);} .pill.e{left:70%;top:6%;background:var(--wine2);color:var(--gold);} .pill.f{left:4%;top:20%;background:var(--gold);color:var(--wine);} .pill.g{left:21%;top:20%;background:var(--wine2);color:var(--gold);} .pill.h{left:39%;top:20%;background:var(--gold);color:var(--wine);} .pill.i{left:58%;top:20%;background:var(--wine2);color:var(--gold);} .pill.j{left:4%;top:34%;background:var(--gold);color:var(--wine);} .pill.k{left:23%;top:34%;background:var(--wine2);color:var(--gold);} .pill.l{left:43%;top:34%;background:var(--gold);color:var(--wine);}
+    .title-lockup { margin-top:120px; font-size:126px; line-height:.9; font-weight:900; letter-spacing:-.04em; color:var(--wine2); } .title-lockup em { font-family:Georgia,serif; font-style:italic; color:var(--gold); font-weight:500; }
+    .s3 h2 { margin:0 0 24px; font-size:62px; letter-spacing:-.03em; } .s3 h2 em { font-family:Georgia,serif; font-style:italic; font-weight:500; } .grid { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,1fr); gap:14px; height:620px; }
+    .card { border-radius:20px; padding:18px 20px; display:flex; flex-direction:column; gap:10px; } .card.w { background:var(--wine2); color:#f5d2da; } .card.g { background:var(--gold); color:var(--wine); } .idx { font-size:11px; letter-spacing:.12em; text-transform:uppercase; opacity:.7; } .card h3 { margin:0; font-size:30px; line-height:1.02; } .card p { margin:0; line-height:1.42; font-size:15px; opacity:.9; flex:1; }
+    .dots { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:10px; } .dot { width:10px; height:10px; border-radius:50%; border:1px solid var(--wine); background:transparent; } .dot.active { background:var(--wine); transform:scale(1.25); } .hover { transition:transform .2s ease; } .hover:hover { transform:translateY(-2px); }
+  </style>
+</head>
+<body>
+  <main class="deck">
+    <header class="toolbar"><span>Editorial / Studio Deck</span><div class="btns"><button id="prevBtn" type="button">Prev</button><button id="nextBtn" type="button">Next</button></div></header>
+    <section class="slides">
+      <article class="slide s1 active" data-slide="0"><div class="kicker">§ 04 — Headline figure</div><h1>72<span class="pct">%</span></h1><div class="row2"><section class="desc"><h3>What this measures</h3><p>Surveyed confidence in shipping creative work without sacrificing rigor, weighted to active contributors in Q1.</p></section><section class="bars"><h3>Composition</h3><div class="bar"><span>A</span><div class="track"><div class="fill" style="width:82%"></div></div><span>82.4</span></div><div class="bar"><span>B</span><div class="track"><div class="fill" style="width:64%"></div></div><span>63.9</span></div><div class="bar"><span>C</span><div class="track"><div class="fill" style="width:48%"></div></div><span>48.1</span></div><div class="bar"><span>D</span><div class="track"><div class="fill" style="width:31%"></div></div><span>31.0</span></div></section></div></article>
+      <article class="slide s2 hover" data-slide="1"><div class="top"><span>Vol. 04 — Editorial brief</span><span>Spring / Summer edition</span><span>FW · 2026</span></div><section class="tags"><span class="pill a">Focus</span><span class="pill b">Tech-equipped</span><span class="pill c">Creativity</span><span class="pill d">Coffee</span><span class="pill e">Community</span><span class="pill f">Coworking</span><span class="pill g">Productivity</span><span class="pill h">Inspiration</span><span class="pill i">Flexible</span><span class="pill j">Workshops</span><span class="pill k">Collaboration</span><span class="pill l">Studio</span></section><div class="title-lockup">Studio <em>&amp;</em> Salon</div></article>
+      <article class="slide s3" data-slide="2"><h2>Eight principles, <em>loosely held.</em></h2><section class="grid"><article class="card w hover"><div class="idx">/ 01</div><h3>Slow looking</h3><p>Let readers stay with the frame long enough to absorb context.</p></article><article class="card g hover"><div class="idx">/ 02</div><h3>Open kitchen</h3><p>Show process and iteration, not only polished outcomes.</p></article><article class="card w hover"><div class="idx">/ 03</div><h3>Borrowed light</h3><p>Credit influences and name references with precision.</p></article><article class="card g hover"><div class="idx">/ 04</div><h3>Quiet defaults</h3><p>Use restraint first; amplify only when the narrative asks for it.</p></article><article class="card w hover"><div class="idx">/ 05</div><h3>Fewer, finer</h3><p>Remove noise so every element earns its place.</p></article><article class="card g hover"><div class="idx">/ 06</div><h3>Generous edges</h3><p>Leave enough whitespace for breathing and interpretation.</p></article><article class="card w hover"><div class="idx">/ 07</div><h3>Hand in it</h3><p>Retain small traces of craft; avoid sterile over-polish.</p></article><article class="card g hover"><div class="idx">/ 08</div><h3>To be added</h3><p>Keep one slot open for what the team learns next.</p></article></section></article>
+    </section>
+    <nav class="dots" aria-label="Slide navigation"><button class="dot active" type="button" data-dot="0"></button><button class="dot" type="button" data-dot="1"></button><button class="dot" type="button" data-dot="2"></button></nav>
+  </main>
+  <script>
+    (function () {
+      const slides = Array.from(document.querySelectorAll(".slide"));
+      const dots = Array.from(document.querySelectorAll(".dot"));
+      let idx = 0;
+      const max = slides.length - 1;
+      function show(next) { idx = Math.max(0, Math.min(max, next)); slides.forEach((el, i) => el.classList.toggle("active", i === idx)); dots.forEach((el, i) => el.classList.toggle("active", i === idx)); }
+      document.getElementById("prevBtn").addEventListener("click", () => show(idx - 1));
+      document.getElementById("nextBtn").addEventListener("click", () => show(idx + 1));
+      dots.forEach((dot, i) => dot.addEventListener("click", () => show(i)));
+      document.addEventListener("keydown", (event) => { if (event.key === "ArrowLeft") show(idx - 1); if (event.key === "ArrowRight") show(idx + 1); });
+    })();
+  </script>
+</body>
+</html>

package/dist/__w3kits/assets/skills/editorial-burgundy-principles-template/references/checklist.md ADDED Viewed

@@ -0,0 +1,22 @@
+# Checklist
+## P0
+- `assets/template.html` exists and opens directly from disk.
+- `example.html` exists with realistic editorial copy and numeric values.
+- Frontmatter uses `od.mode: template` and `od.scenario: live-artifacts`.
+- Exactly three slides are present with working buttons, dots, and arrow navigation.
+- No sandbox-hostile APIs are used (`localStorage`, `sessionStorage`, `alert`, `confirm`, `prompt`, `window.open`).
+## P1
+- Slide 1 has a dominant numeric headline and comparison bars.
+- Slide 2 includes pill-style keyword clusters plus a large title lockup.
+- Slide 3 includes eight principle cards in a 2x4 grid.
+- Typography remains legible at >= 1280px width.
+## P2
+- Interaction states are restrained and consistent across slides.
+- Active dot is visible against the background.
+- Color contrast stays readable for key body text.

package/dist/__w3kits/assets/skills/enhance-prompt/SKILL.md ADDED Viewed

@@ -0,0 +1,42 @@
+---
+name: enhance-prompt
+description: |
+  Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
+triggers:
+  - "enhance prompt"
+  - "design prompt"
+  - "ui prompt"
+  - "design vocabulary"
+od:
+  mode: design-system
+  category: design-systems
+  upstream: "https://github.com/google-labs-code/skills"
+---
+# enhance-prompt
+> Curated from Google Labs (Stitch).
+## What it does
+Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
+## Source
+- Upstream: https://github.com/google-labs-code/skills
+- Category: `design-systems`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/google-labs-code/skills
+```
+Then ask the agent to invoke this skill by name (`enhance-prompt`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-3d/SKILL.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+name: fal-3d
+description: |
+  Generate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.
+triggers:
+  - "fal 3d"
+  - "text to 3d"
+  - "image to 3d"
+  - "3d model gen"
+  - "game asset 3d"
+od:
+  mode: image
+  category: 3d-shaders
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-3d
+> Curated from the fal.ai community team.
+## What it does
+Generate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `3d-shaders`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-3d`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-generate/SKILL.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+name: fal-generate
+description: |
+  Generate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.
+triggers:
+  - "fal generate"
+  - "fal.ai image"
+  - "flux image"
+  - "sdxl"
+  - "ideogram"
+od:
+  mode: image
+  category: image-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-generate
+> Curated from the fal.ai community team.
+## What it does
+Generate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `image-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-generate`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-image-edit/SKILL.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+name: fal-image-edit
+description: |
+  AI-powered image editing with style transfer, background removal, object removal, and inpainting via fal.ai hosted models.
+triggers:
+  - "fal image edit"
+  - "inpaint"
+  - "style transfer"
+  - "background removal"
+  - "object removal"
+od:
+  mode: image
+  category: image-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-image-edit
+> Curated from the fal.ai community team.
+## What it does
+AI-powered image editing with style transfer, background removal, object removal, and inpainting via fal.ai hosted models.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `image-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-image-edit`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-kling-o3/SKILL.md ADDED Viewed

@@ -0,0 +1,42 @@
+---
+name: fal-kling-o3
+description: |
+  Generate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.
+triggers:
+  - "fal kling"
+  - "kling o3"
+  - "kling video"
+  - "kling image"
+od:
+  mode: video
+  category: video-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-kling-o3
+> Curated from the fal.ai community team.
+## What it does
+Generate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `video-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-kling-o3`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-lip-sync/SKILL.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+name: fal-lip-sync
+description: |
+  Create talking head videos and lip sync audio to video via fal.ai. Useful for explainer avatars, multilingual dubbing previews, and social cuts.
+triggers:
+  - "lip sync"
+  - "talking head"
+  - "audio to video"
+  - "avatar video"
+  - "fal lipsync"
+od:
+  mode: video
+  category: video-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-lip-sync
+> Curated from the fal.ai community team.
+## What it does
+Create talking head videos and lip sync audio to video via fal.ai. Useful for explainer avatars, multilingual dubbing previews, and social cuts.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `video-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-lip-sync`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-realtime/SKILL.md ADDED Viewed

@@ -0,0 +1,42 @@
+---
+name: fal-realtime
+description: |
+  Real-time and streaming AI image generation via fal.ai. Suited for moodboard exploration, draft variations, and rapid creative iteration.
+triggers:
+  - "fal realtime"
+  - "streaming image"
+  - "realtime image gen"
+  - "moodboard"
+od:
+  mode: image
+  category: image-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-realtime
+> Curated from the fal.ai community team.
+## What it does
+Real-time and streaming AI image generation via fal.ai. Suited for moodboard exploration, draft variations, and rapid creative iteration.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `image-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-realtime`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-restore/SKILL.md ADDED Viewed

@@ -0,0 +1,44 @@
+---
+name: fal-restore
+description: |
+  Restore and fix image quality — deblur, denoise, fix faces, and restore old documents using fal.ai's hosted restoration models.
+triggers:
+  - "fal restore"
+  - "restore image"
+  - "deblur"
+  - "denoise"
+  - "fix faces"
+  - "document restore"
+od:
+  mode: image
+  category: image-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-restore
+> Curated from the fal.ai community team.
+## What it does
+Restore and fix image quality — deblur, denoise, fix faces, and restore old documents using fal.ai's hosted restoration models.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `image-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-restore`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-train/SKILL.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+name: fal-train
+description: |
+  Train custom AI models (LoRA) on fal.ai for personalized image generation tailored to a brand, character, or style.
+triggers:
+  - "fal train"
+  - "train lora"
+  - "custom model"
+  - "personalized image gen"
+  - "brand lora"
+od:
+  mode: image
+  category: image-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-train
+> Curated from the fal.ai community team.
+## What it does
+Train custom AI models (LoRA) on fal.ai for personalized image generation tailored to a brand, character, or style.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `image-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-train`) or with
+one of the trigger phrases listed in this skill's frontmatter.

package/dist/__w3kits/assets/skills/fal-tryon/SKILL.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+name: fal-tryon
+description: |
+  Virtual try-on — see how clothes look on a person via fal.ai's hosted try-on models. Useful for ecommerce, lookbooks, and styling experiments.
+triggers:
+  - "virtual tryon"
+  - "fal tryon"
+  - "try on clothes"
+  - "lookbook"
+  - "ecommerce styling"
+od:
+  mode: image
+  category: image-generation
+  upstream: "https://github.com/fal-ai-community/skills"
+---
+# fal-tryon
+> Curated from the fal.ai community team.
+## What it does
+Virtual try-on — see how clothes look on a person via fal.ai's hosted try-on models. Useful for ecommerce, lookbooks, and styling experiments.
+## Source
+- Upstream: https://github.com/fal-ai-community/skills
+- Category: `image-generation`
+## How to use
+This catalogue entry advertises the skill in Open Design so the agent
+discovers it during planning. To run the full upstream workflow with
+its original assets, scripts, and references, install the upstream
+bundle into your active agent's skills directory:
+```bash
+# Inspect the upstream README for exact paths
+open https://github.com/fal-ai-community/skills
+```
+Then ask the agent to invoke this skill by name (`fal-tryon`) or with
+one of the trigger phrases listed in this skill's frontmatter.