nexu-io--open-design
wehub-resource-sync
128 行
8.0 KiB
JSON
128 行
8.0 KiB
JSON
{
|
||
"$schema": "https://open-design.ai/schemas/plugin.v1.json",
|
||
"specVersion": "1.0.0",
|
||
"name": "example-tweaks",
|
||
"title": "Tweaks",
|
||
"title_i18n": {
|
||
"zh-CN": "实时调参",
|
||
"zh-TW": "即時調參",
|
||
"ja": "調整ツール",
|
||
"ko": "실시간 조정",
|
||
"de": "Tweaks",
|
||
"fr": "Tweaks",
|
||
"ru": "Tweaks",
|
||
"es": "Tweaks",
|
||
"pt-BR": "Tweaks",
|
||
"it": "Tweaks",
|
||
"vi": "Tweaks",
|
||
"pl": "Tweaks",
|
||
"id": "Tweaks",
|
||
"nl": "Tweaks",
|
||
"ar": "Tweaks",
|
||
"tr": "Tweaks",
|
||
"uk": "Tweaks",
|
||
"en": "Tweaks"
|
||
},
|
||
"version": "0.1.0",
|
||
"description": "Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for \"variants\", \"side-by-side options\", \"tweak this\", \"let me adjust\", \"live knobs\", or \"实时调参\".",
|
||
"description_i18n": {
|
||
"zh-CN": "为任何 HTML 组件添加侧面板实时控制器，可调整主题色、字体比例、密度、动效等参数，修改实时同步到 CSS 自定义属性并保存到 localStorage，让用户无需重新提示即可探索设计变体。",
|
||
"zh-TW": "為任何 HTML 元件添加側面板即時控制器，可調整主題色、字體比例、密度、動效等參數，修改即時同步到 CSS 自訂屬性並儲存到 localStorage，讓使用者無需重新提示即可探索設計變體。",
|
||
"ja": "HTML要素にライブコントロールパネルを追加し、アクセントカラー、タイプスケール、密度、モーション、テーマをリアルタイムで調整。CSSカスタムプロパティを即座に書き換え、localStorageに保存します。",
|
||
"ko": "HTML 요소에 라이브 컨트롤 패널을 추가하여 강조색, 타입 스케일, 밀도, 모션, 테마를 실시간으로 조정하고 CSS 사용자 속성을 즉시 변경하며 localStorage에 저장합니다.",
|
||
"de": "Fügt HTML-Elementen ein Live-Bedienfeld hinzu, um Akzentfarbe, Schriftgröße, Dichte, Bewegung und Theme in Echtzeit anzupassen. Änderungen werden sofort in CSS Custom Properties übernommen und in localStorage gespeichert.",
|
||
"fr": "Ajoute un panneau de contrôle en direct à tout élément HTML pour ajuster la couleur d'accent, l'échelle typographique, la densité, le mouvement et le thème. Les modifications sont appliquées instantanément aux propriétés CSS personnalisées et sauvegardées dans localStorage.",
|
||
"ru": "Добавляет панель живых элементов управления к HTML-элементам для настройки акцентного цвета, типографической шкалы, плотности, движения и темы. Изменения мгновенно применяются к пользовательским свойствам CSS и сохраняются в localStorage.",
|
||
"es": "Añade un panel de controles en vivo a cualquier elemento HTML para ajustar color de acento, escala tipográfica, densidad, movimiento y tema. Los cambios se aplican instantáneamente a las propiedades personalizadas de CSS y se guardan en localStorage.",
|
||
"pt-BR": "Adiciona um painel de controles ao vivo a qualquer elemento HTML para ajustar cor de destaque, escala tipográfica, densidade, movimento e tema. As alterações são aplicadas instantaneamente às propriedades personalizadas de CSS e salvas no localStorage.",
|
||
"it": "Aggiunge un pannello di controlli in tempo reale a qualsiasi elemento HTML per regolare colore principale, scala tipografica, densità, movimento e tema. Le modifiche vengono applicate istantaneamente alle proprietà personalizzate CSS e salvate in localStorage.",
|
||
"vi": "Thêm bảng điều khiển trực tiếp vào bất kỳ phần tử HTML nào để điều chỉnh màu nhấn, tỷ lệ chữ, mật độ, chuyển động và giao diện. Thay đổi được áp dụng ngay lập tức vào thuộc tính tùy chỉnh CSS và lưu vào localStorage.",
|
||
"pl": "Dodaje panel kontrolny na żywo do dowolnego elementu HTML, umożliwiając dostosowanie koloru akcentu, skali typograficznej, gęstości, ruchu i motywu. Zmiany są natychmiast aplikowane do niestandardowych właściwości CSS i zapisywane w localStorage.",
|
||
"id": "Menambahkan panel kontrol langsung ke elemen HTML untuk menyesuaikan warna aksen, skala tipografi, kepadatan, gerakan, dan tema. Perubahan langsung diterapkan ke properti kustom CSS dan disimpan di localStorage.",
|
||
"nl": "Voegt een live controlepaneel toe aan elk HTML-element om accentkleur, typografische schaal, dichtheid, beweging en thema aan te passen. Wijzigingen worden direct toegepast op aangepaste CSS-eigenschappen en opgeslagen in localStorage.",
|
||
"ar": "يضيف لوحة تحكم مباشرة لأي عنصر HTML لضبط اللون المميز ومقياس الطباعة والكثافة والحركة والسمة. يتم تطبيق التغييرات فوراً على خصائص CSS المخصصة وحفظها في localStorage.",
|
||
"tr": "Herhangi bir HTML öğesine vurgu rengi, tipografi ölçeği, yoğunluk, hareket ve tema ayarlamak için canlı kontrol paneli ekler. Değişiklikler anında CSS özel özelliklerine uygulanır ve localStorage'a kaydedilir.",
|
||
"uk": "Додає панель живого керування до будь-якого HTML-елемента для налаштування акцентного кольору, типографічної шкали, щільності, руху та теми. Зміни миттєво застосовуються до користувацьких властивостей CSS і зберігаються в localStorage.",
|
||
"en": "Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for \"variants\", \"side-by-side options\", \"tweak this\", \"let me adjust\", \"live knobs\", or \"实时调参\"."
|
||
},
|
||
"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/tweaks",
|
||
"tags": [
|
||
"example",
|
||
"first-party",
|
||
"prototype",
|
||
"design",
|
||
"web",
|
||
"desktop",
|
||
"tweaks",
|
||
"variants",
|
||
"tweak-panel",
|
||
"live-controls",
|
||
"adjust-on-the-fly",
|
||
"untitled",
|
||
"side-panel",
|
||
"knobs"
|
||
],
|
||
"compat": {
|
||
"agentSkills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
]
|
||
},
|
||
"od": {
|
||
"kind": "scenario",
|
||
"taskKind": "new-generation",
|
||
"mode": "prototype",
|
||
"platform": "desktop",
|
||
"scenario": "design",
|
||
"surface": "web",
|
||
"preview": {
|
||
"type": "html",
|
||
"entry": "./example.html"
|
||
},
|
||
"useCase": {
|
||
"query": {
|
||
"en": "Wrap this landing page with a tweak panel — accent color, type scale, density, light/dark — persist to localStorage so the user can refresh without losing their choice.",
|
||
"zh-CN": "使用这个插件完成以下任务：Wrap this landing page with a tweak panel — accent color, type scale, density, light/dark — persist to localStorage so the user can refresh without losing their choice."
|
||
},
|
||
"exampleOutputs": [
|
||
{
|
||
"path": "./example.html",
|
||
"title": "Tweaks"
|
||
}
|
||
]
|
||
},
|
||
"context": {
|
||
"skills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
],
|
||
"assets": [
|
||
"./example.html",
|
||
"./assets/wrap.html"
|
||
]
|
||
},
|
||
"pipeline": {
|
||
"stages": [
|
||
{
|
||
"id": "generate",
|
||
"atoms": [
|
||
"file-write",
|
||
"live-artifact"
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"capabilities": [
|
||
"prompt:inject",
|
||
"fs:write"
|
||
]
|
||
}
|
||
}
|