@hiai-gg/hiai-opencode 0.2.1 → 0.2.2

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

@@ -0,0 +1,54 @@
+{
+  "slug": "zhangzara-daisy-days",
+  "name": "Daisy Days",
+  "tagline": "Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm.",
+  "mood": [
+    "cheerful",
+    "playful",
+    "warm",
+    "sunny",
+    "wholesome"
+  ],
+  "occasion": [
+    "education / classroom",
+    "kids product launch",
+    "wellness program",
+    "community workshop",
+    "creator portfolio (craft / illustration)",
+    "team kickoff",
+    "wedding / baby shower planning"
+  ],
+  "tone": [
+    "friendly",
+    "soft",
+    "encouraging",
+    "approachable",
+    "lighthearted"
+  ],
+  "formality": "low",
+  "density": "medium",
+  "palette": {
+    "cream": "#F5F0E6",
+    "turquoise": "#7ECDC0",
+    "soft_pink": "#F7C8D4",
+    "butter": "#FDE68A",
+    "mint": "#A8E6CF",
+    "lavender": "#D4A5E8",
+    "peach": "#FFCBA4",
+    "sky": "#A8D8F0",
+    "coral": "#F8635F",
+    "ink": "#2D2D2D",
+    "description": "warm cream base with a full pastel rainbow (mint, lavender, peach, sky, soft pink, butter, turquoise, coral) and ink-black 3px outlines plus chunky 6px offset shadows"
+  },
+  "typography": {
+    "display": "Fredoka One",
+    "body": "Quicksand",
+    "style": "rounded sans display + friendly geometric sans body; warm and informal"
+  },
+  "scheme": "light",
+  "best_for": "Anything that should feel friendly, soft, and joyful: educational content, kids and family, wellness programs, community workshops, creator portfolios for craft / illustration. Also lovely for an unexpected playful internal kickoff, a wedding planning deck, or any moment where warmth is the message — including across tech or business contexts.",
+  "avoid_for": "Contexts where the audience explicitly expects authority and precision — the hand-drawn pastel SVG decorations are the opposite of buttoned-up.",
+  "slide_count": 10,
+  "navigation": "scroll-snap with on-page nav dots and slide counter, plus arrow-key fallback",
+  "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days"
+}

package/skills/design-templates/html-ppt-zhangzara-editorial-tri-tone/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-editorial-tri-tone/SKILL.md

@@ -0,0 +1,98 @@
+---
+name: html-ppt-zhangzara-editorial-tri-tone
+description: |
+  Editorial Tri-Tone — Three-color editorial system: dusty pink, mustard cream, and deep burgundy, set in Bricolage + Instrument Serif. Anything that should feel like a fashion-magazine spread: editorial pitches, fashion brand decks, lifestyle media, art direction reviews.
+triggers:
+  - "editorial-tri-tone"
+  - "zhangzara-editorial-tri-tone"
+  - "Editorial Tri-Tone"
+  - "editorial"
+  - "warm"
+  - "literary"
+  - "editorial / magazine pitch"
+  - "fashion brand deck"
+  - "html deck"
+  - "html slides"
+  - "zhangzara"
+od:
+  mode: deck
+  scenario: marketing
+  upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone"
+  upstream_license: MIT
+  preview:
+    type: html
+    entry: example.html
+  design_system:
+    requires: false
+  speaker_notes: false
+  animations: false
+---
+
+# Editorial Tri-Tone
+
+> Three-color editorial system: dusty pink, mustard cream, and deep burgundy, set in Bricolage + Instrument Serif.
+
+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-high
+- **Density:** medium
+- **Slides in demo:** 8
+
+## Best for
+
+Anything that should feel like a fashion-magazine spread: editorial pitches, fashion brand decks, lifestyle media, art direction reviews. Equally good for any deck — including tech, research, or business — that wants tri-tone discipline and serif/sans contrast instead of the usual neutrals.
+
+## Avoid for
+
+Decks that need to read as soft or comforting — the burgundy/pink/cream tri-tone is intentionally high-contrast and styled.
+
+## Workflow
+
+1. **Clone `example.html` AND the `assets/` folder** into the user's workspace.
+   This template ships an `assets/deck-stage.js` runtime (keyboard navigation,
+   stage rendering); the HTML references it as `assets/deck-stage.js`, so the
+   file must sit next to the cloned HTML or that path will 404 in the generated
+   artifact and navigation will silently break. Inlining the JS into a single
+   `<script>` block in the HTML is an acceptable alternative when a single
+   self-contained file is preferred.
+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-editorial-tri-tone" 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/editorial-tri-tone).
+
+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.