@hiai-gg/hiai-opencode 0.2.0 → 0.2.2

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

@@ -0,0 +1,47 @@
+{
+  "slug": "zhangzara-block-frame",
+  "name": "BlockFrame",
+  "tagline": "Neobrutalist deck with pastel-neon color blocks and chunky black borders.",
+  "mood": [
+    "bold",
+    "playful",
+    "graphic",
+    "fresh"
+  ],
+  "occasion": [
+    "creative agency pitch",
+    "indie SaaS launch",
+    "designer portfolio",
+    "brand redesign",
+    "modern startup deck"
+  ],
+  "tone": [
+    "confident",
+    "graphic",
+    "pop",
+    "design-led"
+  ],
+  "formality": "medium-low",
+  "density": "high",
+  "palette": {
+    "pink": "#FE90E8",
+    "blue": "#C0F7FE",
+    "green": "#99E885",
+    "yellow": "#F7CB46",
+    "cream": "#FFDC8B",
+    "black": "#000000",
+    "offwhite": "#FFFDF5",
+    "description": "off-white background with neon pastel blocks (hot pink, sky blue, lime green, golden yellow) framed in heavy black borders"
+  },
+  "typography": {
+    "display": "Space Grotesk",
+    "body": "Inter",
+    "style": "geometric sans display + neutral body, used in heavy weights for a poster-like feel"
+  },
+  "scheme": "light",
+  "best_for": "Anything that should feel pop-graphic and design-led: indie SaaS launches, agency credentials, creative reviews, brand redesigns. Also a strong unexpected pick for tech, finance, or research when the speaker wants to land as confident and contemporary rather than buttoned-up.",
+  "avoid_for": "Contexts that require quiet institutional restraint or traditional weight (regulated disclosures, formal legal briefs).",
+  "slide_count": 10,
+  "navigation": "inline keyboard handler with on-page slide counter",
+  "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame"
+}

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

@@ -0,0 +1,93 @@
+---
+name: html-ppt-zhangzara-blue-professional
+description: |
+  Blue Professional — Cream paper background with electric cobalt blue accents; clean modern professional. Anything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports.
+triggers:
+  - "blue-professional"
+  - "zhangzara-blue-professional"
+  - "Blue Professional"
+  - "professional"
+  - "modern"
+  - "clean"
+  - "considered"
+  - "B2B SaaS pitch"
+  - "consulting deliverable"
+  - "html deck"
+  - "html slides"
+  - "zhangzara"
+od:
+  mode: deck
+  scenario: marketing
+  upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional"
+  upstream_license: MIT
+  preview:
+    type: html
+    entry: example.html
+  design_system:
+    requires: false
+  speaker_notes: false
+  animations: false
+---
+
+# Blue Professional
+
+> Cream paper background with electric cobalt blue accents; clean modern professional.
+
+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:** medium-high
+- **Density:** medium
+- **Slides in demo:** 10
+
+## Best for
+
+Anything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports. Also a clean, tasteful choice whenever you want to read as professional without going stiff — research synthesis, internal reviews, brand work for service businesses.
+
+## Avoid for
+
+Contexts where the deck should feel hot, playful, or intentionally informal — the cool electric-blue restraint will read as overly polished.
+
+## 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-blue-professional" 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/blue-professional).
+
+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.