@hiai-gg/hiai-opencode 0.2.1 → 0.2.2

package/skills/design-templates/html-ppt-zhangzara-cartesian/template.json

@@ -0,0 +1,47 @@
+{
+  "slug": "zhangzara-cartesian",
+  "name": "Cartesian",
+  "tagline": "Quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried.",
+  "mood": [
+    "quiet",
+    "considered",
+    "elegant",
+    "warm-minimal"
+  ],
+  "occasion": [
+    "investment thesis",
+    "white paper",
+    "advisory deliverable",
+    "research report",
+    "book / longform pitch",
+    "gallery / cultural"
+  ],
+  "tone": [
+    "classical",
+    "literary",
+    "restrained",
+    "confident-quiet"
+  ],
+  "formality": "high",
+  "density": "low",
+  "palette": {
+    "bg_primary": "#EDE8E0",
+    "bg_secondary": "#E2DBD1",
+    "text_primary": "#1A1A1A",
+    "text_secondary": "#5A5A5A",
+    "accent": "#8A8178",
+    "line": "#B8B0A4",
+    "description": "warm bone and stone neutrals only; no saturated color; the entire system runs on tonal contrast and typography"
+  },
+  "typography": {
+    "display": "Playfair Display",
+    "body": "Inter",
+    "style": "transitional serif headlines paired with a clean grotesk; reads like a Sunday newspaper essay"
+  },
+  "scheme": "light",
+  "best_for": "Anything that should feel quiet, considered, and grown-up: investment theses, white papers, advisory work, longform research, gallery / cultural decks. Also a strong choice for editorial features, founder reflections, or any deck where restraint is the message — including across tech and finance.",
+  "avoid_for": "Decks that need visual heat, multiple accents, or a sense of urgency — the warm-neutral palette is intentionally low-energy.",
+  "slide_count": 10,
+  "navigation": "inline keyboard handler with on-page nav dots and slide counter",
+  "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian"
+}

package/skills/design-templates/html-ppt-zhangzara-cobalt-grid/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/skills/design-templates/html-ppt-zhangzara-cobalt-grid/SKILL.md

@@ -0,0 +1,93 @@
+---
+name: html-ppt-zhangzara-cobalt-grid
+description: |
+  Cobalt Grid — Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules. Anything that should feel like a quietly serious design / research bulletin, art publication, or curated trend report.
+triggers:
+  - "cobalt-grid"
+  - "zhangzara-cobalt-grid"
+  - "Cobalt Grid"
+  - "editorial"
+  - "design-research"
+  - "considered"
+  - "literary"
+  - "design trend or research report"
+  - "studio annual or seasonal bulletin"
+  - "html deck"
+  - "html slides"
+  - "zhangzara"
+od:
+  mode: deck
+  scenario: marketing
+  upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid"
+  upstream_license: MIT
+  preview:
+    type: html
+    entry: example.html
+  design_system:
+    requires: false
+  speaker_notes: false
+  animations: false
+---
+
+# Cobalt Grid
+
+> Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules.
+
+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:** light
+- **Formality:** high
+- **Density:** medium
+- **Slides in demo:** 8
+
+## 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.
+
+## 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-cobalt-grid" 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/cobalt-grid).
+
+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.