@w3kits-com/plugin-opendesign 0.1.8 → 0.1.9

package/dist/__w3kits/assets/design-templates/html-ppt-zhangzara-cobalt-grid/template.json

@@ -0,0 +1,49 @@
+{
+  "slug": "zhangzara-cobalt-grid",
+  "name": "Cobalt Grid",
+  "tagline": "Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules.",
+  "mood": [
+    "editorial",
+    "design-research",
+    "studious",
+    "modernist",
+    "tech-print",
+    "monochrome"
+  ],
+  "occasion": [
+    "design trend or research report",
+    "studio annual or seasonal bulletin",
+    "creative agency capabilities deck",
+    "art or architecture publication",
+    "academic / curatorial publication",
+    "newsletter or zine pitch"
+  ],
+  "tone": [
+    "considered",
+    "literary",
+    "studious",
+    "quietly-modern",
+    "editorial"
+  ],
+  "formality": "high",
+  "density": "medium",
+  "palette": {
+    "paper": "#F0EBDE",
+    "ink": "#1F2BE0",
+    "ink-soft": "#5560E5",
+    "grid": "rgba(31,43,224,0.10)",
+    "description": "warm cream / ivory paper canvas with one strict accent of electric cobalt royal blue. The grid is a faint cobalt overlay, and decorations (pixel stair-blocks, QR-style mini-grids, hairline rules) all use the same blue, keeping the deck strictly bichromatic"
+  },
+  "typography": {
+    "display": "Newsreader (italic)",
+    "body": "Hanken Grotesk",
+    "mono": "DM Mono",
+    "style": "transitional italic serif for hero type and section heads, paired with a neutral grotesk for body and a clean mono for tabular data and micro-captions; strictly cobalt-on-cream"
+  },
+  "scheme": "light",
+  "best_for": "Anything that should feel like a quietly serious design / research bulletin, art publication, or curated trend report. Strong for studio annuals, agency capabilities decks, design-research publications, architecture / art / academic decks, and any deck wanting one strict accent colour and a printed-ledger calmness rather than corporate polish.",
+  "avoid_for": "Decks that need warmth, multi-colour energy, or a casual / playful voice — the strict cobalt + cream + grid palette is intentionally austere.",
+  "slide_count": 8,
+  "navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)",
+  "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid"
+}

package/dist/__w3kits/assets/design-templates/html-ppt-zhangzara-coral/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Zara Zhang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/__w3kits/assets/design-templates/html-ppt-zhangzara-coral/SKILL.md

@@ -0,0 +1,92 @@
+---
+name: html-ppt-zhangzara-coral
+description: |
+  Coral — Cream and coral on near-black, set in oversized Bebas Neue. Anything that should feel warm-graphic and editorial: fashion, beauty, fitness, F&B, lifestyle brands, agency credentials.
+triggers:
+  - "coral"
+  - "zhangzara-coral"
+  - "bold"
+  - "warm"
+  - "graphic"
+  - "punchy"
+  - "fashion / beauty pitch"
+  - "fitness brand"
+  - "html deck"
+  - "html slides"
+  - "zhangzara"
+od:
+  mode: deck
+  scenario: marketing
+  upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral"
+  upstream_license: MIT
+  preview:
+    type: html
+    entry: example.html
+  design_system:
+    requires: false
+  speaker_notes: false
+  animations: false
+---
+
+# Coral
+
+> Cream and coral on near-black, set in oversized Bebas Neue.
+
+A single self-contained HTML deck — typography, palette, decorative system,
+and slide vocabulary are all tuned together. Mixing layouts across templates
+breaks the system; stay inside this one.
+
+## At a glance
+
+- **Scheme:** mixed
+- **Formality:** medium
+- **Density:** medium
+- **Slides in demo:** 10
+
+## Best for
+
+Anything that should feel warm-graphic and editorial: fashion, beauty, fitness, F&B, lifestyle brands, agency credentials. Just as strong for a creator portfolio, a manifesto, or a tech / research deck that wants warmth and a single bold accent instead of corporate cool.
+
+## Avoid for
+
+Contexts that should feel quiet or institutional — the coral accent and oversized Bebas Neue commit hard to a confident magazine voice.
+
+## Workflow
+
+1. **Clone `example.html`** into the user's workspace as the working file.
+2. **Replace placeholder content** with the user's real headlines, body copy,
+   numbers, names, dates, and section labels. Match existing dimensions when
+   swapping image placeholders.
+3. **Preserve the design system.** Never substitute fonts, recolor the palette,
+   restructure the layout grid, or strip decorative elements (corner brackets,
+   paper grain, geometric shapes, illustrated SVGs). They are part of the
+   identity.
+4. **Adjust deck length by duplicating layouts.** If the user has more content
+   than the demo holds, duplicate an existing slide of the most appropriate
+   layout. If less, drop slides from the bottom. Update page-number labels.
+5. **Designing missing layouts:** if a slide needs a layout the template
+   doesn't have, design it from scratch using the same fonts, palette,
+   decorative vocabulary, spacing rhythm, and component grammar — never bail
+   to a different template.
+6. **Keep the navigation runtime as shipped.** If the deck ships an
+   `assets/deck-stage.js` or inline keyboard handler, leave it intact.
+
+## Output contract
+
+Emit between `<artifact>` tags:
+
+```
+<artifact identifier="zhangzara-coral" type="text/html" title="Deck Title">
+<!doctype html>
+<html>...</html>
+</artifact>
+```
+
+## Source & license
+
+Vendored from upstream MIT-licensed
+[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral).
+
+The full upstream MIT license text — including the original copyright notice — ships in this skill at
+[`LICENSE`](./LICENSE) and must be redistributed alongside any copy of `example.html`,
+`template.json`, or any vendored `assets/` runtime. See `template.json` for the upstream metadata snapshot.