mirror of
https://github.com/nexu-io/open-design.git
synced 2026-07-09 16:35:54 +08:00
f6cceb303d
Picking a Home example-prompt card (or "Replicate this content" in the plugin detail modal) seeds the composer with the plugin manifest's `description`. Many descriptions were authored with cosmetic hard wraps (a single newline mid-paragraph, ~75 cols, as if formatted for a terminal/markdown source). The composer renders the seed with `white-space: pre-wrap`, so those newlines survived as short ragged lines that never filled the editor width — leaving a large blank gutter on the right of the input box (e.g. the Trading Analysis Dashboard template: 4 hard breaks, ~200px / 29% of the editor blank). Reflow the offending `description` / `description_i18n` strings in the 56 affected bundled manifests into flowing text (wrapped lines joined, real blank-line paragraph breaks preserved; CJK joins carry no space). Surgical string edits only — manifest formatting/key order untouched (146 lines changed across 56 files). The full build spec still reaches the agent as plugin context (SKILL.md + example.html); only the human-facing seed copy changed. Add an e2e guard (plugin-description-hardwrap.test.ts) that fails if any bundled manifest description carries an intra-paragraph hard wrap, so the cleanup can't silently regress when new examples are added.
149 lines
14 KiB
JSON
149 lines
14 KiB
JSON
{
|
||
"$schema": "https://open-design.ai/schemas/plugin.v1.json",
|
||
"specVersion": "1.0.0",
|
||
"name": "example-replit-deck",
|
||
"title": "Replit Deck",
|
||
"title_i18n": {
|
||
"zh-CN": "Replit Deck",
|
||
"zh-TW": "Replit Deck",
|
||
"ja": "Replit Deck",
|
||
"ko": "Replit Deck",
|
||
"de": "Replit Deck",
|
||
"fr": "Replit Deck",
|
||
"ru": "Replit Deck",
|
||
"es": "Replit Deck",
|
||
"pt-BR": "Replit Deck",
|
||
"it": "Replit Deck",
|
||
"vi": "Replit Deck",
|
||
"pl": "Replit Deck",
|
||
"id": "Replit Deck",
|
||
"nl": "Replit Deck",
|
||
"ar": "Replit Deck",
|
||
"tr": "Replit Deck",
|
||
"uk": "Replit Deck",
|
||
"en": "Replit Deck"
|
||
},
|
||
"version": "0.1.0",
|
||
"description": "Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For pitch decks, board reports, brand memos, campaign reveals — when the user explicitly wants \"Replit Slides style\".",
|
||
"description_i18n": {
|
||
"zh-CN": "单文件横向滑动 HTML 演示文稿，采用 Replit Slides 落地页模板库风格。提供八种主题（helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse），每种都是从 replit.com/slides 提取的完整视觉系统（调色板+字体+强调色）。选择一种主题，请勿混用。适用于融资路演、董事会报告、品牌备忘录、营销发布等需要 Replit Slides 风格的场景。",
|
||
"zh-TW": "單檔案橫向滑動 HTML 簡報，採用 Replit Slides 登陸頁範本庫風格。提供八種主題（helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse），每種都是從 replit.com/slides 擷取的完整視覺系統（調色盤+字型+強調色）。選擇一種主題，請勿混用。適用於募資提案、董事會報告、品牌備忘錄、行銷發表等需要 Replit Slides 風格的場景。",
|
||
"ja": "Replit Slides のランディングページテンプレートギャラリースタイルの単一ファイル横スワイプ HTML デッキ。8つのテーマ（helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse）を用意。各テーマは replit.com/slides から抽出された完全なビジュアルシステム（パレット+フォント+アクセント）です。1つのテーマを選択し、混在させないでください。ピッチデッキ、取締役会報告、ブランドメモ、キャンペーン発表など、Replit Slides スタイルが必要な場合に最適です。",
|
||
"ko": "Replit Slides 랜딩 페이지 템플릿 갤러리 스타일의 단일 파일 가로 스와이프 HTML 덱. 8가지 테마(helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) 제공. 각 테마는 replit.com/slides에서 추출한 완전한 시각 시스템(팔레트+타이포+강조색)입니다. 하나의 테마를 선택하고 혼합하지 마세요. 피치 덱, 이사회 보고서, 브랜드 메모, 캠페인 공개 등 Replit Slides 스타일이 필요한 경우에 적합합니다.",
|
||
"de": "Einseitiges horizontales HTML-Deck im Stil der Replit Slides Landingpage-Vorlagengalerie. Acht verschiedene Themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – jedes ein vollständiges visuelles System (Palette + Schrift + Akzent) von replit.com/slides. Wählen Sie ein Theme, nicht mischen. Für Pitch-Decks, Vorstandsberichte, Marken-Memos, Kampagnen-Reveals – wenn der Nutzer explizit den Replit Slides-Stil wünscht.",
|
||
"fr": "Deck HTML horizontal à fichier unique dans le style de la galerie de modèles de page d'accueil Replit Slides. Huit thèmes distincts (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – chacun un système visuel complet (palette + typographie + accent) capturé depuis replit.com/slides. Choisissez un thème, ne mélangez pas. Pour pitch decks, rapports de conseil, mémos de marque, révélations de campagne – quand l'utilisateur veut explicitement le style Replit Slides.",
|
||
"ru": "Однофайловый горизонтальный HTML-дек в стиле галереи шаблонов посадочных страниц Replit Slides. Восемь тем (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – каждая представляет собой полную визуальную систему (палитра + шрифты + акценты) с replit.com/slides. Выберите одну тему, не смешивайте. Для питч-деков, отчётов совету директоров, брендовых меморандумов, презентаций кампаний – когда пользователю нужен стиль Replit Slides.",
|
||
"es": "Presentación HTML de archivo único con deslizamiento horizontal al estilo de la galería de plantillas de página de inicio de Replit Slides. Ocho temas distintos (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – cada uno un sistema visual completo (paleta + tipografía + acento) capturado de replit.com/slides. Elija un tema, no mezcle. Para pitch decks, informes de junta, memorandos de marca, revelaciones de campaña – cuando el usuario quiere explícitamente el estilo Replit Slides.",
|
||
"pt-BR": "Deck HTML de arquivo único com deslize horizontal no estilo da galeria de templates de landing page do Replit Slides. Oito temas distintos (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – cada um um sistema visual completo (paleta + tipografia + acento) capturado de replit.com/slides. Escolha um tema, não misture. Para pitch decks, relatórios de diretoria, memos de marca, revelações de campanha – quando o usuário quer explicitamente o estilo Replit Slides.",
|
||
"it": "Deck HTML a file singolo con scorrimento orizzontale nello stile della galleria di template della landing page di Replit Slides. Otto temi distinti (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – ognuno un sistema visivo completo (palette + tipografia + accento) catturato da replit.com/slides. Scegli un tema, non mescolare. Per pitch deck, report aziendali, memo di brand, reveal di campagne – quando l'utente vuole esplicitamente lo stile Replit Slides.",
|
||
"vi": "Bộ trình chiếu HTML một tệp vuốt ngang theo phong cách thư viện mẫu trang đích Replit Slides. Tám chủ đề riêng biệt (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – mỗi chủ đề là một hệ thống thị giác hoàn chỉnh (bảng màu + kiểu chữ + điểm nhấn) được lấy từ replit.com/slides. Chọn một chủ đề, không trộn lẫn. Dành cho bản thuyết trình đầu tư, báo cáo hội đồng quản trị, bản ghi nhớ thương hiệu, công bố chiến dịch – khi người dùng muốn phong cách Replit Slides.",
|
||
"pl": "Jedoplikowy poziomy deck HTML w stylu galerii szablonów strony docelowej Replit Slides. Osiem różnych motywów (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – każdy to kompletny system wizualny (paleta + typografia + akcent) z replit.com/slides. Wybierz jeden motyw, nie mieszaj. Do pitch decków, raportów zarządu, memo brandowych, prezentacji kampanii – gdy użytkownik wyraźnie chce stylu Replit Slides.",
|
||
"id": "Deck HTML file tunggal geser horizontal bergaya galeri template landing page Replit Slides. Delapan tema berbeda (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – masing-masing sistem visual lengkap (palet + tipografi + aksen) dari replit.com/slides. Pilih satu tema, jangan dicampur. Untuk pitch deck, laporan dewan, memo brand, peluncuran kampanye – ketika pengguna secara eksplisit menginginkan gaya Replit Slides.",
|
||
"nl": "Eenbestandig horizontaal swipe HTML-deck in de stijl van de Replit Slides landingspagina sjabloongalerij. Acht verschillende thema's (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – elk een compleet visueel systeem (palet + typografie + accent) van replit.com/slides. Kies één thema, niet mixen. Voor pitch decks, bestuursrapporten, brandmemo's, campagne-onthullingen – wanneer de gebruiker expliciet de Replit Slides-stijl wil.",
|
||
"ar": "عرض تقديمي HTML أفقي بملف واحد بأسلوب معرض قوالب الصفحة المقصودة لـ Replit Slides. ثمانية ثيمات مميزة (helix، holm، vance، bevel، world-dark، world-mint، atlas، bluehouse) – كل منها نظام مرئي كامل (لوحة ألوان + خطوط + لون مميز) من replit.com/slides. اختر ثيماً واحداً، لا تخلط. لعروض الاستثمار، تقارير مجلس الإدارة، مذكرات العلامة التجارية، إطلاق الحملات – عندما يريد المستخدم صراحة أسلوب Replit Slides.",
|
||
"tr": "Replit Slides açılış sayfası şablon galerisi tarzında tek dosyalı yatay kaydırmalı HTML sunum. Sekiz farklı tema (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – her biri replit.com/slides'tan alınmış eksiksiz bir görsel sistem (palet + tipografi + vurgu). Bir tema seçin, karıştırmayın. Yatırım sunumları, yönetim kurulu raporları, marka notları, kampanya lansmanları için – kullanıcı açıkça Replit Slides tarzı istediğinde.",
|
||
"uk": "Однофайлова горизонтальна HTML-презентація в стилі галереї шаблонів цільової сторінки Replit Slides. Вісім різних тем (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – кожна є повною візуальною системою (палітра + шрифти + акценти) з replit.com/slides. Виберіть одну тему, не змішуйте. Для піч-деків, звітів ради директорів, брендових меморандумів, презентацій кампаній – коли користувач явно хоче стиль Replit Slides.",
|
||
"en": "Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For pitch decks, board reports, brand memos, campaign reveals — when the user explicitly wants \"Replit Slides style\"."
|
||
},
|
||
"license": "MIT",
|
||
"author": {
|
||
"name": "Open Design",
|
||
"url": "https://github.com/nexu-io"
|
||
},
|
||
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/replit-deck",
|
||
"tags": [
|
||
"example",
|
||
"first-party",
|
||
"deck",
|
||
"product",
|
||
"web",
|
||
"replit-deck",
|
||
"replit-slides",
|
||
"replit-ppt",
|
||
"replit-style-deck",
|
||
"helix-deck",
|
||
"holm-memo",
|
||
"atlas-chapter",
|
||
"bluehouse",
|
||
"bevel-campaign"
|
||
],
|
||
"compat": {
|
||
"agentSkills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
]
|
||
},
|
||
"od": {
|
||
"kind": "scenario",
|
||
"taskKind": "new-generation",
|
||
"mode": "deck",
|
||
"scenario": "product",
|
||
"surface": "web",
|
||
"preview": {
|
||
"type": "html",
|
||
"entry": "./index.html"
|
||
},
|
||
"useCase": {
|
||
"query": {
|
||
"en": "Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For pit",
|
||
"zh-CN": "使用这个插件完成以下任务：Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For pit"
|
||
}
|
||
},
|
||
"inputs": [
|
||
{
|
||
"name": "theme",
|
||
"type": "string",
|
||
"required": true,
|
||
"default": "helix",
|
||
"values": [
|
||
"helix # Modern minimal · light grey · ink + electric blue · SaaS metrics / board",
|
||
"holm # Editorial serif · cream · ink + deep chestnut · legal / finance memo",
|
||
"vance # Gallery · cream · cream serif on black bars · art catalog / showcase",
|
||
"bevel # Y2K editorial · black · display type + product photo grid · campaign",
|
||
"world-dark # Finance green dark · deep green · mint + neon yellow · policy report",
|
||
"world-mint # Finance green light · mint · deep green + neon yellow · policy report",
|
||
"atlas # Museum · black · serif + vermilion · long-form narrative / chapter deck",
|
||
"bluehouse # Consumer card · deep navy · gradient cards + peach → coral · product showcase"
|
||
]
|
||
},
|
||
{
|
||
"name": "slide_count",
|
||
"type": "number",
|
||
"default": 6,
|
||
"min": 3,
|
||
"max": 20
|
||
}
|
||
],
|
||
"context": {
|
||
"skills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
],
|
||
"assets": [
|
||
"./assets/template.html",
|
||
"./references/checklist.md",
|
||
"./references/components.md",
|
||
"./references/layouts.md",
|
||
"./references/themes.md"
|
||
]
|
||
},
|
||
"pipeline": {
|
||
"stages": [
|
||
{
|
||
"id": "generate",
|
||
"atoms": [
|
||
"file-write",
|
||
"live-artifact"
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"capabilities": [
|
||
"prompt:inject",
|
||
"fs:write"
|
||
]
|
||
}
|
||
}
|