mirror of
https://github.com/ZSeven-W/openpencil.git
synced 2026-06-01 03:14:29 +07:00
docs(readme): v0.7.0 feature sweep, circular sponsor avatar, 15-locale i18n (#98)
* fix(readme): render sponsor avatar as circle via wsrv.nl proxy GitHub's markdown renderer strips inline style attributes from <img> tags, so the `style="border-radius: 50%"` we shipped in #96 rendered as a square on the repo page — visually off next to the contrib.rocks round avatars in the Contributors section right above it. Swap the avatar src to `wsrv.nl/?url=…&mask=circle`, which returns a pre-masked circular PNG. Applied across all 15 README locales. * docs(readme): surface v0.7.0 additions in Features and shortcuts Sweep the English README to catch up with everything landed between v0.6.0 and v0.7.0: - Features: add AI & Agents (concurrent teams, orchestrator, layered workflow, Style Guides, multi-model profiles, Chinese-LLM Anthropic passthrough), Git Integration (clone, branch, push/pull, folder-mode three-way merge, conflict panel), Export (PNG/JPEG/WEBP/PDF + incremental MCP codegen pipeline). Extend Desktop App with Save As, Open Recent, unsaved-changes dialog, recent-files persistence. - Keyboard shortcuts: rebind Export from Cmd+Shift+E to Cmd+Shift+P (matches the editor since the Cmd+Shift+P IME-proof rebind) and add Cmd+Shift+S for Save As. - Roadmap: tick Git integration and canvas raster export. Locale sweep follows in the next commit. * i18n: sweep v0.7.0 Features / Shortcuts / Roadmap across 14 locales Mirror the English README v0.7.0 content into every locale variant so translations don't drift: - Features: added AI & Agents, Git Integration, Export subsections, plus the new UIKits bullet in Design System and the Save As / Open Recent / unsaved-changes / recent-files lines in Desktop App. - Keyboard shortcuts: Cmd+Shift+E → Cmd+Shift+P (Export) and filled the last empty row with Cmd+Shift+S (Save As), translating the labels per locale. - Roadmap: added [x] Git integration and [x] canvas raster export before the first unchecked item. Covers de, es, fr, hi, id, ja, ko, pt, ru, th, tr, vi, zh, zh-TW. Product names, backticked identifiers, framework names, file extensions, format names and keyboard tokens kept in English.
This commit is contained in:
parent
c01eb4a930
commit
6e8345a2a0
15 changed files with 586 additions and 151 deletions
37
README.de.md
37
README.de.md
|
|
@ -246,6 +246,32 @@ Unterstützt drei Eingabemethoden: Inline-String, `@filepath` (aus Datei lesen)
|
||||||
- Multi-Theme-Unterstützung — mehrere Achsen, jeweils mit Varianten (Hell/Dunkel, Kompakt/Komfortabel)
|
- Multi-Theme-Unterstützung — mehrere Achsen, jeweils mit Varianten (Hell/Dunkel, Kompakt/Komfortabel)
|
||||||
- Komponentensystem — wiederverwendbare Komponenten mit Instanzen und Überschreibungen
|
- Komponentensystem — wiederverwendbare Komponenten mit Instanzen und Überschreibungen
|
||||||
- CSS-Synchronisierung — automatisch generierte benutzerdefinierte Eigenschaften, `var(--name)` in der Code-Ausgabe
|
- CSS-Synchronisierung — automatisch generierte benutzerdefinierte Eigenschaften, `var(--name)` in der Code-Ausgabe
|
||||||
|
- Wiederverwendbare UIKits — Import/Export von Komponenten-Kits aus `.pen`-Dateien
|
||||||
|
|
||||||
|
**KI & Agenten**
|
||||||
|
|
||||||
|
- Prompt-zu-Canvas mit Streaming-Generierung und orchestrator-gesteuerter räumlicher Zerlegung
|
||||||
|
- Parallele Agententeams — mehrere Designer arbeiten parallel an verschiedenen Abschnitten, mit Canvas-Indikatoren pro Mitglied
|
||||||
|
- Mehrstufiger Workflow — `design_skeleton` → `design_content` → `design_refine` mit fokussierten Prompts pro Phase
|
||||||
|
- Style Guides — 50+ eingebaute Stile (glassmorphism, brutalist, retro usw.) mit tag-basiertem Fuzzy-Matching, eingebunden in Planung und Generierung
|
||||||
|
- Multi-Modell-Fähigkeitsprofile — passt Denkmodus, Aufwand und Promptform automatisch an die Modellstufe an
|
||||||
|
- Integrierte Agent-Laufzeit (`agent-native`, Zig NAPI) + Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini-Anbieter
|
||||||
|
- Anthropic-Format-Passthrough für chinesische LLM-Anbieter — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Git-Integration**
|
||||||
|
|
||||||
|
- Clone-Assistent mit SSH-/HTTPS-Authentifizierung und SSH-Schlüsselverwaltung
|
||||||
|
- Branch-Auswahl — Erstellen, Wechseln, Löschen, Mergen, alles im Git-Panel
|
||||||
|
- Pull-/Push-Kaskaden mit Auth-Wiederholung und Non-Fast-Forward-Handhabung
|
||||||
|
- Ordnermodus-Dreiwege-Merge mit Disk-basierter `MERGE_HEAD`-Statusverfolgung
|
||||||
|
- Konfliktpanel mit Dreiwege-Karten pro Knoten/Feld, Inline-JSON-Editor, Bulk-Aktionen und Inline-Diff-Block
|
||||||
|
- Remote-Einstellungen und SSH-Schlüssel-UI; 15-Sprachen-i18n für die gesamte Git-Oberfläche
|
||||||
|
|
||||||
|
**Export**
|
||||||
|
|
||||||
|
- Canvas-Export — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Code-Export — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Inkrementelle MCP-Codegen-Pipeline — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Figma-Import**
|
**Figma-Import**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ Unterstützt drei Eingabemethoden: Inline-String, `@filepath` (aus Datei lesen)
|
||||||
- Natives macOS, Windows und Linux über Electron
|
- Natives macOS, Windows und Linux über Electron
|
||||||
- `.op`-Dateizuordnung — Doppelklick zum Öffnen, Einzelinstanzsperre
|
- `.op`-Dateizuordnung — Doppelklick zum Öffnen, Einzelinstanzsperre
|
||||||
- Automatische Aktualisierung über GitHub Releases
|
- Automatische Aktualisierung über GitHub Releases
|
||||||
- Natives Anwendungsmenü und Dateidialoge
|
- Natives Anwendungsmenü mit „Speichern unter“, „Zuletzt verwendete öffnen“ und einem Dialog zu ungespeicherten Änderungen beim Schließen
|
||||||
|
- Persistenz der zuletzt verwendeten Dateien
|
||||||
|
|
||||||
## Technologie-Stack
|
## Technologie-Stack
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Linie | | `Cmd+C/X/V/D` | Kopieren/Ausschneiden/Einfügen/Duplizieren |
|
| `L` | Linie | | `Cmd+C/X/V/D` | Kopieren/Ausschneiden/Einfügen/Duplizieren |
|
||||||
| `T` | Text | | `Cmd+G` | Gruppieren |
|
| `T` | Text | | `Cmd+G` | Gruppieren |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Gruppierung aufheben |
|
| `F` | Frame | | `Cmd+Shift+G` | Gruppierung aufheben |
|
||||||
| `P` | Stiftwerkzeug | | `Cmd+Shift+E` | Exportieren |
|
| `P` | Stiftwerkzeug | | `Cmd+Shift+P` | Export (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Hand (Pan) | | `Cmd+Shift+C` | Code-Panel |
|
| `H` | Hand (Pan) | | `Cmd+Shift+C` | Code-Panel |
|
||||||
| `Del` | Löschen | | `Cmd+Shift+V` | Variablen-Panel |
|
| `Del` | Löschen | | `Cmd+Shift+V` | Variablen-Panel |
|
||||||
| `[ / ]` | Reihenfolge ändern | | `Cmd+J` | KI-Chat |
|
| `[ / ]` | Reihenfolge ändern | | `Cmd+J` | KI-Chat |
|
||||||
| Pfeiltasten | 1px verschieben | | `Cmd+,` | Agenteneinstellungen |
|
| Pfeiltasten | 1px verschieben | | `Cmd+,` | Agenteneinstellungen |
|
||||||
| `Cmd+Alt+U` | Boolesche Vereinigung | | `Cmd+Alt+S` | Boolesche Subtraktion |
|
| `Cmd+Alt+U` | Boolesche Vereinigung | | `Cmd+Alt+S` | Boolesche Subtraktion |
|
||||||
| `Cmd+Alt+I` | Boolesche Schnittmenge | | | |
|
| `Cmd+Alt+I` | Boolesche Schnittmenge | | `Cmd+Shift+S` | Speichern unter |
|
||||||
|
|
||||||
## Skripte
|
## Skripte
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ Beiträge sind willkommen! Siehe [CLAUDE.md](./CLAUDE.md) für Architekturdetail
|
||||||
- [x] CLI-Tool (`op`) für Terminal-Steuerung
|
- [x] CLI-Tool (`op`) für Terminal-Steuerung
|
||||||
- [x] Integriertes KI-Agenten-SDK mit Multi-Anbieter-Unterstützung
|
- [x] Integriertes KI-Agenten-SDK mit Multi-Anbieter-Unterstützung
|
||||||
- [x] i18n — 15 Sprachen
|
- [x] i18n — 15 Sprachen
|
||||||
|
- [x] Git-Integration (Klonen, Branches, Push/Pull, Ordnermodus-Dreiwege-Merge)
|
||||||
|
- [x] Canvas-Rasterexport (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Kollaboratives Bearbeiten
|
- [ ] Kollaboratives Bearbeiten
|
||||||
- [ ] Plugin-System
|
- [ ] Plugin-System
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ Beiträge sind willkommen! Siehe [CLAUDE.md](./CLAUDE.md) für Architekturdetail
|
||||||
OpenPencil ist kostenlos und Open Source. Die Entwicklung wird von Menschen finanziert, die es nützlich finden — danke, dass ihr die Leinwand offen haltet.
|
OpenPencil ist kostenlos und Open Source. Die Entwicklung wird von Menschen finanziert, die es nützlich finden — danke, dass ihr die Leinwand offen haltet.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Danke an **[MrQyun](https://github.com/mrqyun)** — soll dein Name auch hier stehen? **[Sponsor werden →](https://github.com/sponsors/ZSeven-W)**
|
Danke an **[MrQyun](https://github.com/mrqyun)** — soll dein Name auch hier stehen? **[Sponsor werden →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.es.md
37
README.es.md
|
|
@ -246,6 +246,32 @@ Soporta tres métodos de entrada: cadena inline, `@filepath` (leer desde archivo
|
||||||
- Soporte multitema — múltiples ejes, cada uno con variantes (Claro/Oscuro, Compacto/Cómodo)
|
- Soporte multitema — múltiples ejes, cada uno con variantes (Claro/Oscuro, Compacto/Cómodo)
|
||||||
- Sistema de componentes — componentes reutilizables con instancias y sobreescrituras
|
- Sistema de componentes — componentes reutilizables con instancias y sobreescrituras
|
||||||
- Sincronización CSS — propiedades personalizadas autogeneradas, `var(--name)` en la salida de código
|
- Sincronización CSS — propiedades personalizadas autogeneradas, `var(--name)` en la salida de código
|
||||||
|
- UIKits reutilizables — importar/exportar kits de componentes desde archivos `.pen`
|
||||||
|
|
||||||
|
**IA y Agentes**
|
||||||
|
|
||||||
|
- Prompt-a-lienzo con generación en streaming y descomposición espacial dirigida por orquestador
|
||||||
|
- Equipos de agentes concurrentes — varios diseñadores trabajan en distintas secciones en paralelo, con indicadores en el lienzo por miembro
|
||||||
|
- Flujo de trabajo por capas — `design_skeleton` → `design_content` → `design_refine` con prompts enfocados por fase
|
||||||
|
- Guías de estilo — más de 50 estilos integrados (glassmorphism, brutalist, retro, etc.) con coincidencia difusa basada en etiquetas, integrada en planificación y generación
|
||||||
|
- Perfiles multi-modelo — adapta automáticamente el modo de pensamiento, el esfuerzo y la forma del prompt por nivel de modelo
|
||||||
|
- Runtime de agente integrado (`agent-native`, Zig NAPI) + proveedores Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Passthrough en formato Anthropic para proveedores de LLM chinos — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Integración con Git**
|
||||||
|
|
||||||
|
- Asistente de clonado con autenticación SSH / HTTPS y gestión de claves SSH
|
||||||
|
- Selector de ramas — crear, cambiar, eliminar y fusionar, todo desde el panel de Git
|
||||||
|
- Cascadas de pull / push con reintento de autenticación y manejo de non-fast-forward
|
||||||
|
- Fusión a tres vías en modo carpeta con seguimiento del estado `MERGE_HEAD` en disco
|
||||||
|
- Panel de conflictos con tarjetas a tres vías por nodo / campo, editor JSON inline, acciones en bloque y bloque de diff inline
|
||||||
|
- UI de configuración remota y claves SSH; i18n en 15 idiomas en toda la superficie de Git
|
||||||
|
|
||||||
|
**Exportación**
|
||||||
|
|
||||||
|
- Exportación de lienzo — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Exportación de código — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Pipeline incremental de codegen MCP — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Importación de Figma**
|
**Importación de Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ Soporta tres métodos de entrada: cadena inline, `@filepath` (leer desde archivo
|
||||||
- Compatible de forma nativa con macOS, Windows y Linux mediante Electron
|
- Compatible de forma nativa con macOS, Windows y Linux mediante Electron
|
||||||
- Asociación de archivos `.op` — doble clic para abrir, bloqueo de instancia única
|
- Asociación de archivos `.op` — doble clic para abrir, bloqueo de instancia única
|
||||||
- Actualización automática desde GitHub Releases
|
- Actualización automática desde GitHub Releases
|
||||||
- Menú de aplicación nativo y diálogos de archivo
|
- Menú de aplicación nativo con Guardar como, Abrir recientes y un diálogo de cambios sin guardar al cerrar
|
||||||
|
- Persistencia de archivos recientes
|
||||||
|
|
||||||
## Stack Tecnológico
|
## Stack Tecnológico
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Línea | | `Cmd+C/X/V/D` | Copiar/Cortar/Pegar/Duplicar |
|
| `L` | Línea | | `Cmd+C/X/V/D` | Copiar/Cortar/Pegar/Duplicar |
|
||||||
| `T` | Texto | | `Cmd+G` | Agrupar |
|
| `T` | Texto | | `Cmd+G` | Agrupar |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Desagrupar |
|
| `F` | Frame | | `Cmd+Shift+G` | Desagrupar |
|
||||||
| `P` | Herramienta pluma | | `Cmd+Shift+E` | Exportar |
|
| `P` | Herramienta pluma | | `Cmd+Shift+P` | Exportar (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Mano (panorámica) | | `Cmd+Shift+C` | Panel de código |
|
| `H` | Mano (panorámica) | | `Cmd+Shift+C` | Panel de código |
|
||||||
| `Del` | Eliminar | | `Cmd+Shift+V` | Panel de variables |
|
| `Del` | Eliminar | | `Cmd+Shift+V` | Panel de variables |
|
||||||
| `[ / ]` | Reordenar | | `Cmd+J` | Chat de IA |
|
| `[ / ]` | Reordenar | | `Cmd+J` | Chat de IA |
|
||||||
| Flechas | Mover 1px | | `Cmd+,` | Configuración de agente |
|
| Flechas | Mover 1px | | `Cmd+,` | Configuración de agente |
|
||||||
| `Cmd+Alt+U` | Unión booleana | | `Cmd+Alt+S` | Resta booleana |
|
| `Cmd+Alt+U` | Unión booleana | | `Cmd+Alt+S` | Resta booleana |
|
||||||
| `Cmd+Alt+I` | Intersección booleana | | | |
|
| `Cmd+Alt+I` | Intersección booleana | | `Cmd+Shift+S` | Guardar como |
|
||||||
|
|
||||||
## Scripts
|
## Scripts
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # Compilar CLI a dist
|
||||||
- [x] Herramienta CLI (`op`) para control desde terminal
|
- [x] Herramienta CLI (`op`) para control desde terminal
|
||||||
- [x] SDK de agente AI integrado con soporte multi-proveedor
|
- [x] SDK de agente AI integrado con soporte multi-proveedor
|
||||||
- [x] i18n — 15 idiomas
|
- [x] i18n — 15 idiomas
|
||||||
|
- [x] Integración con Git (clonar, ramas, push/pull, fusión a tres vías en modo carpeta)
|
||||||
|
- [x] Exportación rasterizada del lienzo (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Edición colaborativa
|
- [ ] Edición colaborativa
|
||||||
- [ ] Sistema de plugins
|
- [ ] Sistema de plugins
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # Compilar CLI a dist
|
||||||
OpenPencil es gratuito y de código abierto. El desarrollo se financia con quienes lo encuentran útil — gracias por mantener abierto el lienzo.
|
OpenPencil es gratuito y de código abierto. El desarrollo se financia con quienes lo encuentran útil — gracias por mantener abierto el lienzo.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Gracias a **[MrQyun](https://github.com/mrqyun)** — ¿quieres ver tu nombre aquí? **[Conviértete en patrocinador →](https://github.com/sponsors/ZSeven-W)**
|
Gracias a **[MrQyun](https://github.com/mrqyun)** — ¿quieres ver tu nombre aquí? **[Conviértete en patrocinador →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.fr.md
37
README.fr.md
|
|
@ -246,6 +246,32 @@ Supporte trois méthodes d'entrée : chaîne en ligne, `@filepath` (lecture depu
|
||||||
- Support multi-thèmes — plusieurs axes, chacun avec des variantes (Clair/Sombre, Compact/Confortable)
|
- Support multi-thèmes — plusieurs axes, chacun avec des variantes (Clair/Sombre, Compact/Confortable)
|
||||||
- Système de composants — composants réutilisables avec instances et substitutions
|
- Système de composants — composants réutilisables avec instances et substitutions
|
||||||
- Synchronisation CSS — propriétés personnalisées auto-générées, `var(--name)` dans la sortie de code
|
- Synchronisation CSS — propriétés personnalisées auto-générées, `var(--name)` dans la sortie de code
|
||||||
|
- UIKits réutilisables — import/export de kits de composants depuis des fichiers `.pen`
|
||||||
|
|
||||||
|
**IA et agents**
|
||||||
|
|
||||||
|
- Prompt-vers-canevas avec génération en streaming et décomposition spatiale pilotée par l'orchestrateur
|
||||||
|
- Équipes d'agents concurrentes — plusieurs designers travaillent sur différentes sections en parallèle, avec des indicateurs sur le canevas par membre
|
||||||
|
- Workflow en couches — `design_skeleton` → `design_content` → `design_refine` avec des prompts ciblés par phase
|
||||||
|
- Guides de style — plus de 50 styles intégrés (glassmorphism, brutalist, retro, etc.) avec appariement flou basé sur les tags, intégrés dans la planification et la génération
|
||||||
|
- Profils de capacités multi-modèles — adapte automatiquement le mode de réflexion, l'effort et la forme du prompt selon le niveau du modèle
|
||||||
|
- Runtime d'agent intégré (`agent-native`, Zig NAPI) + fournisseurs Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Passthrough au format Anthropic pour les fournisseurs LLM chinois — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Intégration Git**
|
||||||
|
|
||||||
|
- Assistant de clonage avec authentification SSH / HTTPS et gestion des clés SSH
|
||||||
|
- Sélecteur de branches — créer, changer, supprimer, fusionner, tout depuis le panneau Git
|
||||||
|
- Cascades pull / push avec réessai d'authentification et gestion non-fast-forward
|
||||||
|
- Fusion à trois voies en mode dossier avec suivi d'état `MERGE_HEAD` sur disque
|
||||||
|
- Panneau de conflits avec cartes à trois voies par nœud / champ, éditeur JSON inline, actions groupées et bloc diff inline
|
||||||
|
- UI de paramètres distants et de clés SSH ; i18n en 15 langues sur toute la surface Git
|
||||||
|
|
||||||
|
**Export**
|
||||||
|
|
||||||
|
- Export du canevas — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Export de code — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Pipeline de codegen MCP incrémental — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Import Figma**
|
**Import Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ Supporte trois méthodes d'entrée : chaîne en ligne, `@filepath` (lecture depu
|
||||||
- macOS, Windows et Linux natifs via Electron
|
- macOS, Windows et Linux natifs via Electron
|
||||||
- Association de fichiers `.op` — double-cliquez pour ouvrir, verrouillage d'instance unique
|
- Association de fichiers `.op` — double-cliquez pour ouvrir, verrouillage d'instance unique
|
||||||
- Mise à jour automatique depuis GitHub Releases
|
- Mise à jour automatique depuis GitHub Releases
|
||||||
- Menu d'application natif et boîtes de dialogue de fichiers
|
- Menu d'application natif avec Enregistrer sous, Ouvrir les récents et une boîte de dialogue de modifications non enregistrées à la fermeture
|
||||||
|
- Persistance des fichiers récents
|
||||||
|
|
||||||
## Stack technique
|
## Stack technique
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Ligne | | `Cmd+C/X/V/D` | Copier/Couper/Coller/Dupliquer |
|
| `L` | Ligne | | `Cmd+C/X/V/D` | Copier/Couper/Coller/Dupliquer |
|
||||||
| `T` | Texte | | `Cmd+G` | Grouper |
|
| `T` | Texte | | `Cmd+G` | Grouper |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Dégrouper |
|
| `F` | Frame | | `Cmd+Shift+G` | Dégrouper |
|
||||||
| `P` | Outil plume | | `Cmd+Shift+E` | Exporter |
|
| `P` | Outil plume | | `Cmd+Shift+P` | Exporter (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Main (panoramique) | | `Cmd+Shift+C` | Panneau de code |
|
| `H` | Main (panoramique) | | `Cmd+Shift+C` | Panneau de code |
|
||||||
| `Del` | Supprimer | | `Cmd+Shift+V` | Panneau des variables |
|
| `Del` | Supprimer | | `Cmd+Shift+V` | Panneau des variables |
|
||||||
| `[ / ]` | Réordonner | | `Cmd+J` | Chat IA |
|
| `[ / ]` | Réordonner | | `Cmd+J` | Chat IA |
|
||||||
| Flèches | Déplacer de 1px | | `Cmd+,` | Paramètres de l'agent |
|
| Flèches | Déplacer de 1px | | `Cmd+,` | Paramètres de l'agent |
|
||||||
| `Cmd+Alt+U` | Union booléenne | | `Cmd+Alt+S` | Soustraction booléenne |
|
| `Cmd+Alt+U` | Union booléenne | | `Cmd+Alt+S` | Soustraction booléenne |
|
||||||
| `Cmd+Alt+I` | Intersection booléenne | | | |
|
| `Cmd+Alt+I` | Intersection booléenne | | `Cmd+Shift+S` | Enregistrer sous |
|
||||||
|
|
||||||
## Scripts
|
## Scripts
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ Les contributions sont les bienvenues ! Consultez [CLAUDE.md](./CLAUDE.md) pour
|
||||||
- [x] Outil CLI (`op`) pour le contrôle depuis le terminal
|
- [x] Outil CLI (`op`) pour le contrôle depuis le terminal
|
||||||
- [x] SDK agent AI intégré avec support multi-fournisseurs
|
- [x] SDK agent AI intégré avec support multi-fournisseurs
|
||||||
- [x] i18n — 15 langues
|
- [x] i18n — 15 langues
|
||||||
|
- [x] Intégration Git (clone, branche, push/pull, fusion à trois voies en mode dossier)
|
||||||
|
- [x] Export raster du canevas (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Édition collaborative
|
- [ ] Édition collaborative
|
||||||
- [ ] Système de plugins
|
- [ ] Système de plugins
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ Les contributions sont les bienvenues ! Consultez [CLAUDE.md](./CLAUDE.md) pour
|
||||||
OpenPencil est gratuit et open source. Le développement est financé par celles et ceux qui le trouvent utile — merci de garder le canevas ouvert.
|
OpenPencil est gratuit et open source. Le développement est financé par celles et ceux qui le trouvent utile — merci de garder le canevas ouvert.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Merci à **[MrQyun](https://github.com/mrqyun)** — vous voulez voir votre nom ici ? **[Devenir sponsor →](https://github.com/sponsors/ZSeven-W)**
|
Merci à **[MrQyun](https://github.com/mrqyun)** — vous voulez voir votre nom ici ? **[Devenir sponsor →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
63
README.hi.md
63
README.hi.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # stdin से पाइप करें
|
||||||
- मल्टी-थीम सपोर्ट — कई अक्ष, प्रत्येक में वेरिएंट (Light/Dark, Compact/Comfortable)
|
- मल्टी-थीम सपोर्ट — कई अक्ष, प्रत्येक में वेरिएंट (Light/Dark, Compact/Comfortable)
|
||||||
- कम्पोनेंट सिस्टम — इंस्टेंस और ओवरराइड के साथ पुन: उपयोगी कम्पोनेंट
|
- कम्पोनेंट सिस्टम — इंस्टेंस और ओवरराइड के साथ पुन: उपयोगी कम्पोनेंट
|
||||||
- CSS सिंक — स्वतः-जनरेटेड कस्टम प्रॉपर्टीज़, कोड आउटपुट में `var(--name)`
|
- CSS सिंक — स्वतः-जनरेटेड कस्टम प्रॉपर्टीज़, कोड आउटपुट में `var(--name)`
|
||||||
|
- पुन: उपयोगी UIKits — `.pen` फ़ाइलों से कम्पोनेंट किट इम्पोर्ट/एक्सपोर्ट करें
|
||||||
|
|
||||||
|
**AI और एजेंट**
|
||||||
|
|
||||||
|
- स्ट्रीमिंग जनरेशन और ऑर्केस्ट्रेटर-संचालित स्थानिक विभाजन के साथ प्रॉम्प्ट-टू-कैनवास
|
||||||
|
- समवर्ती एजेंट टीमें — कई डिज़ाइनर अलग-अलग सेक्शनों पर समानांतर में काम करते हैं, प्रति-सदस्य कैनवास संकेतकों के साथ
|
||||||
|
- लेयर्ड वर्कफ़्लो — `design_skeleton` → `design_content` → `design_refine`, प्रत्येक चरण के लिए केंद्रित प्रॉम्प्ट
|
||||||
|
- स्टाइल गाइड — 50+ इन-बिल्ट स्टाइल (glassmorphism, brutalist, retro आदि), टैग-आधारित फ़ज़ी मैचिंग, प्लानिंग और जनरेशन में एकीकृत
|
||||||
|
- मल्टी-मॉडल क्षमता प्रोफ़ाइल — मॉडल स्तर के अनुसार थिंकिंग मोड, प्रयास और प्रॉम्प्ट रूप को स्वचालित रूप से अनुकूलित करता है
|
||||||
|
- बिल्ट-इन एजेंट रनटाइम (`agent-native`, Zig NAPI) + Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini प्रदाता
|
||||||
|
- चीनी LLM प्रदाताओं के लिए Anthropic फ़ॉर्मेट पासथ्रू — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Git इंटीग्रेशन**
|
||||||
|
|
||||||
|
- SSH / HTTPS प्रमाणीकरण और SSH कुंजी प्रबंधन के साथ क्लोन विज़ार्ड
|
||||||
|
- ब्रांच पिकर — बनाना, स्विच करना, हटाना, मर्ज — सब कुछ Git पैनल से
|
||||||
|
- प्रमाणीकरण रीट्राई और non-fast-forward हैंडलिंग के साथ पुल / पुश कैस्केड
|
||||||
|
- डिस्क पर `MERGE_HEAD` स्टेट ट्रैकिंग के साथ फ़ोल्डर-मोड थ्री-वे मर्ज
|
||||||
|
- प्रति-नोड / प्रति-फ़ील्ड थ्री-वे कार्ड, इनलाइन JSON एडिटर, बल्क एक्शन और इनलाइन diff ब्लॉक के साथ कॉन्फ्लिक्ट पैनल
|
||||||
|
- रिमोट सेटिंग्स और SSH कीज़ UI; संपूर्ण Git सतह पर 15 भाषाओं में i18n
|
||||||
|
|
||||||
|
**एक्सपोर्ट**
|
||||||
|
|
||||||
|
- कैनवास एक्सपोर्ट — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- कोड एक्सपोर्ट — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- इन्क्रीमेंटल MCP कोडजेन पाइपलाइन — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Figma इम्पोर्ट**
|
**Figma इम्पोर्ट**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # stdin से पाइप करें
|
||||||
- Electron के ज़रिए नेटिव macOS, Windows और Linux सपोर्ट
|
- Electron के ज़रिए नेटिव macOS, Windows और Linux सपोर्ट
|
||||||
- `.op` फ़ाइल एसोसिएशन — डबल-क्लिक से खोलें, सिंगल-इंस्टेंस लॉक
|
- `.op` फ़ाइल एसोसिएशन — डबल-क्लिक से खोलें, सिंगल-इंस्टेंस लॉक
|
||||||
- GitHub Releases से ऑटो-अपडेट
|
- GitHub Releases से ऑटो-अपडेट
|
||||||
- नेटिव एप्लिकेशन मेनू और फ़ाइल डायलॉग
|
- इस रूप में सहेजें, हाल के खोलें और बंद करते समय असहेजे परिवर्तनों के डायलॉग वाला नेटिव एप्लिकेशन मेनू
|
||||||
|
- हाल की फ़ाइलों का पर्सिस्टेंस
|
||||||
|
|
||||||
## टेक स्टैक
|
## टेक स्टैक
|
||||||
|
|
||||||
|
|
@ -311,21 +338,21 @@ openpencil/
|
||||||
|
|
||||||
## कीबोर्ड शॉर्टकट
|
## कीबोर्ड शॉर्टकट
|
||||||
|
|
||||||
| कुंजी | क्रिया | | कुंजी | क्रिया |
|
| कुंजी | क्रिया | | कुंजी | क्रिया |
|
||||||
| ----------- | ------------------ | --- | ------------- | ----------------------- |
|
| ----------- | ------------------ | --- | ------------- | ---------------------------- |
|
||||||
| `V` | चुनें | | `Cmd+S` | सहेजें |
|
| `V` | चुनें | | `Cmd+S` | सहेजें |
|
||||||
| `R` | Rectangle | | `Cmd+Z` | पूर्ववत करें |
|
| `R` | Rectangle | | `Cmd+Z` | पूर्ववत करें |
|
||||||
| `O` | Ellipse | | `Cmd+Shift+Z` | फिर से करें |
|
| `O` | Ellipse | | `Cmd+Shift+Z` | फिर से करें |
|
||||||
| `L` | Line | | `Cmd+C/X/V/D` | कॉपी/कट/पेस्ट/डुप्लिकेट |
|
| `L` | Line | | `Cmd+C/X/V/D` | कॉपी/कट/पेस्ट/डुप्लिकेट |
|
||||||
| `T` | Text | | `Cmd+G` | ग्रुप करें |
|
| `T` | Text | | `Cmd+G` | ग्रुप करें |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | अनग्रुप करें |
|
| `F` | Frame | | `Cmd+Shift+G` | अनग्रुप करें |
|
||||||
| `P` | Pen tool | | `Cmd+Shift+E` | एक्सपोर्ट |
|
| `P` | Pen tool | | `Cmd+Shift+P` | एक्सपोर्ट (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Hand (pan) | | `Cmd+Shift+C` | कोड पैनल |
|
| `H` | Hand (pan) | | `Cmd+Shift+C` | कोड पैनल |
|
||||||
| `Del` | हटाएँ | | `Cmd+Shift+V` | वेरिएबल पैनल |
|
| `Del` | हटाएँ | | `Cmd+Shift+V` | वेरिएबल पैनल |
|
||||||
| `[ / ]` | क्रम बदलें | | `Cmd+J` | AI चैट |
|
| `[ / ]` | क्रम बदलें | | `Cmd+J` | AI चैट |
|
||||||
| Arrows | 1px नज | | `Cmd+,` | एजेंट सेटिंग्स |
|
| Arrows | 1px नज | | `Cmd+,` | एजेंट सेटिंग्स |
|
||||||
| `Cmd+Alt+U` | बूलियन संयोजन | | `Cmd+Alt+S` | बूलियन घटाना |
|
| `Cmd+Alt+U` | बूलियन संयोजन | | `Cmd+Alt+S` | बूलियन घटाना |
|
||||||
| `Cmd+Alt+I` | बूलियन प्रतिच्छेदन | | | |
|
| `Cmd+Alt+I` | बूलियन प्रतिच्छेदन | | `Cmd+Shift+S` | इस रूप में सहेजें |
|
||||||
|
|
||||||
## स्क्रिप्ट
|
## स्क्रिप्ट
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # CLI को dist में कंपाइल कर
|
||||||
- [x] CLI टूल (`op`) टर्मिनल नियंत्रण
|
- [x] CLI टूल (`op`) टर्मिनल नियंत्रण
|
||||||
- [x] बिल्ट-इन AI एजेंट SDK, मल्टी-प्रदाता समर्थन
|
- [x] बिल्ट-इन AI एजेंट SDK, मल्टी-प्रदाता समर्थन
|
||||||
- [x] i18n — 15 भाषाएँ
|
- [x] i18n — 15 भाषाएँ
|
||||||
|
- [x] Git इंटीग्रेशन (क्लोन, ब्रांच, पुश/पुल, फ़ोल्डर-मोड थ्री-वे मर्ज)
|
||||||
|
- [x] कैनवास रैस्टर एक्सपोर्ट (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] सहयोगी संपादन
|
- [ ] सहयोगी संपादन
|
||||||
- [ ] प्लगइन सिस्टम
|
- [ ] प्लगइन सिस्टम
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # CLI को dist में कंपाइल कर
|
||||||
OpenPencil मुफ़्त और ओपन-सोर्स है। इसका विकास उन लोगों के सहयोग से चलता है जिन्हें यह उपयोगी लगता है — कैनवस को खुला रखने के लिए धन्यवाद।
|
OpenPencil मुफ़्त और ओपन-सोर्स है। इसका विकास उन लोगों के सहयोग से चलता है जिन्हें यह उपयोगी लगता है — कैनवस को खुला रखने के लिए धन्यवाद।
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
**[MrQyun](https://github.com/mrqyun)** को धन्यवाद — अपना नाम यहाँ देखना चाहते हैं? **[प्रायोजक बनें →](https://github.com/sponsors/ZSeven-W)**
|
**[MrQyun](https://github.com/mrqyun)** को धन्यवाद — अपना नाम यहाँ देखना चाहते हैं? **[प्रायोजक बनें →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.id.md
37
README.id.md
|
|
@ -246,6 +246,32 @@ Mendukung tiga metode input: string inline, `@filepath` (baca dari file), atau `
|
||||||
- Dukungan multi-tema — beberapa sumbu, masing-masing dengan varian (Terang/Gelap, Ringkas/Nyaman)
|
- Dukungan multi-tema — beberapa sumbu, masing-masing dengan varian (Terang/Gelap, Ringkas/Nyaman)
|
||||||
- Sistem komponen — komponen yang dapat digunakan ulang dengan instans dan penggantian
|
- Sistem komponen — komponen yang dapat digunakan ulang dengan instans dan penggantian
|
||||||
- Sinkronisasi CSS — properti kustom yang dibuat otomatis, `var(--name)` dalam keluaran kode
|
- Sinkronisasi CSS — properti kustom yang dibuat otomatis, `var(--name)` dalam keluaran kode
|
||||||
|
- UIKit yang dapat digunakan ulang — impor/ekspor kit komponen dari file `.pen`
|
||||||
|
|
||||||
|
**AI & Agen**
|
||||||
|
|
||||||
|
- Prompt-ke-kanvas dengan pembuatan streaming dan dekomposisi spasial yang digerakkan orkestrator
|
||||||
|
- Tim Agen Bersamaan — beberapa desainer mengerjakan bagian yang berbeda secara paralel dengan indikator kanvas per anggota
|
||||||
|
- Alur kerja berlapis — `design_skeleton` → `design_content` → `design_refine` dengan prompt yang terfokus per fase
|
||||||
|
- Panduan Gaya — 50+ gaya bawaan (glassmorphism, brutalist, retro, dll.) dengan pencocokan fuzzy berbasis tag, terintegrasi ke perencanaan dan pembuatan
|
||||||
|
- Profil kemampuan multi-model — secara otomatis menyesuaikan mode berpikir, upaya, dan bentuk prompt berdasarkan tingkat model
|
||||||
|
- Runtime agen bawaan (`agent-native`, Zig NAPI) + penyedia Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Passthrough format Anthropic untuk penyedia LLM Tiongkok — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Integrasi Git**
|
||||||
|
|
||||||
|
- Wizard clone dengan autentikasi SSH / HTTPS dan manajemen kunci SSH
|
||||||
|
- Pemilih branch — buat, beralih, hapus, merge, semua dari panel Git
|
||||||
|
- Kaskade pull / push dengan percobaan ulang autentikasi dan penanganan non-fast-forward
|
||||||
|
- Merge tiga arah mode folder dengan pelacakan status `MERGE_HEAD` di disk
|
||||||
|
- Panel konflik dengan kartu tiga arah per node / field, editor JSON inline, aksi massal, dan blok diff inline
|
||||||
|
- UI pengaturan remote dan kunci SSH; i18n 15 bahasa di seluruh permukaan Git
|
||||||
|
|
||||||
|
**Ekspor**
|
||||||
|
|
||||||
|
- Ekspor kanvas — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Ekspor kode — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Pipeline codegen MCP inkremental — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Impor Figma**
|
**Impor Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ Mendukung tiga metode input: string inline, `@filepath` (baca dari file), atau `
|
||||||
- macOS, Windows, dan Linux native melalui Electron
|
- macOS, Windows, dan Linux native melalui Electron
|
||||||
- Asosiasi file `.op` — klik dua kali untuk membuka, kunci instans tunggal
|
- Asosiasi file `.op` — klik dua kali untuk membuka, kunci instans tunggal
|
||||||
- Pembaruan otomatis dari GitHub Releases
|
- Pembaruan otomatis dari GitHub Releases
|
||||||
- Menu aplikasi native dan dialog file
|
- Menu aplikasi native dengan Simpan sebagai, Buka Terbaru, dan dialog perubahan belum tersimpan saat ditutup
|
||||||
|
- Persistensi file terbaru
|
||||||
|
|
||||||
## Tumpukan Teknologi
|
## Tumpukan Teknologi
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Garis | | `Cmd+C/X/V/D` | Salin/Potong/Tempel/Duplikat |
|
| `L` | Garis | | `Cmd+C/X/V/D` | Salin/Potong/Tempel/Duplikat |
|
||||||
| `T` | Teks | | `Cmd+G` | Grup |
|
| `T` | Teks | | `Cmd+G` | Grup |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Pisahkan grup |
|
| `F` | Frame | | `Cmd+Shift+G` | Pisahkan grup |
|
||||||
| `P` | Alat pen | | `Cmd+Shift+E` | Ekspor |
|
| `P` | Alat pen | | `Cmd+Shift+P` | Ekspor (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Hand (pan) | | `Cmd+Shift+C` | Panel kode |
|
| `H` | Hand (pan) | | `Cmd+Shift+C` | Panel kode |
|
||||||
| `Del` | Hapus | | `Cmd+Shift+V` | Panel variabel |
|
| `Del` | Hapus | | `Cmd+Shift+V` | Panel variabel |
|
||||||
| `[ / ]` | Ubah urutan | | `Cmd+J` | Chat AI |
|
| `[ / ]` | Ubah urutan | | `Cmd+J` | Chat AI |
|
||||||
| Panah | Geser 1px | | `Cmd+,` | Pengaturan agen |
|
| Panah | Geser 1px | | `Cmd+,` | Pengaturan agen |
|
||||||
| `Cmd+Alt+U` | Union Boolean | | `Cmd+Alt+S` | Subtract Boolean |
|
| `Cmd+Alt+U` | Union Boolean | | `Cmd+Alt+S` | Subtract Boolean |
|
||||||
| `Cmd+Alt+I` | Intersect Boolean | | | |
|
| `Cmd+Alt+I` | Intersect Boolean | | `Cmd+Shift+S` | Simpan sebagai |
|
||||||
|
|
||||||
## Skrip
|
## Skrip
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ Kontribusi sangat disambut! Lihat [CLAUDE.md](./CLAUDE.md) untuk detail arsitekt
|
||||||
- [x] Alat CLI (`op`) kontrol terminal
|
- [x] Alat CLI (`op`) kontrol terminal
|
||||||
- [x] SDK agen AI bawaan dengan dukungan multi-penyedia
|
- [x] SDK agen AI bawaan dengan dukungan multi-penyedia
|
||||||
- [x] i18n — 15 bahasa
|
- [x] i18n — 15 bahasa
|
||||||
|
- [x] Integrasi Git (clone, branch, push/pull, merge tiga arah mode folder)
|
||||||
|
- [x] Ekspor raster kanvas (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Pengeditan kolaboratif
|
- [ ] Pengeditan kolaboratif
|
||||||
- [ ] Sistem plugin
|
- [ ] Sistem plugin
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ Kontribusi sangat disambut! Lihat [CLAUDE.md](./CLAUDE.md) untuk detail arsitekt
|
||||||
OpenPencil gratis dan open source. Pengembangan didanai oleh orang-orang yang merasa terbantu — terima kasih telah menjaga kanvas tetap terbuka.
|
OpenPencil gratis dan open source. Pengembangan didanai oleh orang-orang yang merasa terbantu — terima kasih telah menjaga kanvas tetap terbuka.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Terima kasih kepada **[MrQyun](https://github.com/mrqyun)** — ingin nama Anda muncul di sini? **[Jadi sponsor →](https://github.com/sponsors/ZSeven-W)**
|
Terima kasih kepada **[MrQyun](https://github.com/mrqyun)** — ingin nama Anda muncul di sini? **[Jadi sponsor →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
63
README.ja.md
63
README.ja.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # stdin からパイプ入力
|
||||||
- マルチテーマサポート — 複数のテーマ軸、各軸に複数バリアント(Light/Dark、Compact/Comfortable)
|
- マルチテーマサポート — 複数のテーマ軸、各軸に複数バリアント(Light/Dark、Compact/Comfortable)
|
||||||
- コンポーネントシステム — インスタンスとオーバーライドを持つ再利用可能なコンポーネント
|
- コンポーネントシステム — インスタンスとオーバーライドを持つ再利用可能なコンポーネント
|
||||||
- CSS 同期 — カスタムプロパティの自動生成、コード出力に `var(--name)` を使用
|
- CSS 同期 — カスタムプロパティの自動生成、コード出力に `var(--name)` を使用
|
||||||
|
- 再利用可能な UIKit — `.pen` ファイルからコンポーネントキットをインポート/エクスポート
|
||||||
|
|
||||||
|
**AI とエージェント**
|
||||||
|
|
||||||
|
- ストリーミング生成とオーケストレーター駆動の空間分解によるプロンプトからキャンバスへの変換
|
||||||
|
- 並行エージェントチーム — 複数のデザイナーが異なるセクションを並列で処理し、各メンバーにキャンバスインジケーター
|
||||||
|
- レイヤードワークフロー — `design_skeleton` → `design_content` → `design_refine`、各フェーズごとに焦点を絞ったプロンプト
|
||||||
|
- スタイルガイド — 50+ のビルトインスタイル(glassmorphism、brutalist、retro など)、タグベースのファジーマッチング対応、プランニングと生成に統合
|
||||||
|
- マルチモデル能力プロファイル — モデル階層に応じてシンキングモード、エフォート、プロンプト形状を自動適応
|
||||||
|
- ビルトインエージェントランタイム(`agent-native`、Zig NAPI)+ Anthropic、Claude Agent SDK、OpenCode、Codex、Copilot、Gemini プロバイダー
|
||||||
|
- 中国系 LLM プロバイダー向け Anthropic フォーマットパススルー — Kimi、Zhipu、GLM、DouBao、Ark、Bailian/DashScope、ModelScope、Coding Plans
|
||||||
|
|
||||||
|
**Git 統合**
|
||||||
|
|
||||||
|
- SSH / HTTPS 認証と SSH キー管理を備えたクローンウィザード
|
||||||
|
- ブランチピッカー — 作成、切り替え、削除、マージをすべて Git パネルから
|
||||||
|
- プル / プッシュカスケード — 認証リトライとノンファストフォワード処理対応
|
||||||
|
- フォルダーモード三方向マージ — ディスク上の `MERGE_HEAD` 状態追跡付き
|
||||||
|
- コンフリクトパネル — ノード/フィールド単位の三方向カード、インライン JSON エディター、一括操作、インライン diff ブロック
|
||||||
|
- リモート設定と SSH キー UI、Git サーフェス全体にわたる 15 ロケール i18n
|
||||||
|
|
||||||
|
**エクスポート**
|
||||||
|
|
||||||
|
- キャンバスエクスポート — PNG、JPEG、WEBP、PDF(`Cmd+Shift+P`)
|
||||||
|
- コードエクスポート — React + Tailwind、HTML + CSS、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose、React Native
|
||||||
|
- インクリメンタル MCP コード生成パイプライン — `codegen_plan`、`codegen_submit_chunk`、`codegen_assemble`、`codegen_clean`
|
||||||
|
|
||||||
**Figma インポート**
|
**Figma インポート**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # stdin からパイプ入力
|
||||||
- Electron によるネイティブ macOS・Windows・Linux 対応
|
- Electron によるネイティブ macOS・Windows・Linux 対応
|
||||||
- `.op` ファイル関連付け — ダブルクリックで開く、シングルインスタンスロック
|
- `.op` ファイル関連付け — ダブルクリックで開く、シングルインスタンスロック
|
||||||
- GitHub Releases からの自動アップデート
|
- GitHub Releases からの自動アップデート
|
||||||
- ネイティブアプリケーションメニューとファイルダイアログ
|
- 名前を付けて保存、最近使った項目を開く、および終了時の未保存変更ダイアログを備えたネイティブアプリケーションメニュー
|
||||||
|
- 最近使ったファイルの永続化
|
||||||
|
|
||||||
## 技術スタック
|
## 技術スタック
|
||||||
|
|
||||||
|
|
@ -311,21 +338,21 @@ openpencil/
|
||||||
|
|
||||||
## キーボードショートカット
|
## キーボードショートカット
|
||||||
|
|
||||||
| キー | 操作 | | キー | 操作 |
|
| キー | 操作 | | キー | 操作 |
|
||||||
| ----------- | -------------- | --- | ------------- | --------------------------- |
|
| ----------- | -------------- | --- | ------------- | ------------------------------- |
|
||||||
| `V` | 選択 | | `Cmd+S` | 保存 |
|
| `V` | 選択 | | `Cmd+S` | 保存 |
|
||||||
| `R` | 矩形 | | `Cmd+Z` | 元に戻す |
|
| `R` | 矩形 | | `Cmd+Z` | 元に戻す |
|
||||||
| `O` | 楕円 | | `Cmd+Shift+Z` | やり直す |
|
| `O` | 楕円 | | `Cmd+Shift+Z` | やり直す |
|
||||||
| `L` | 直線 | | `Cmd+C/X/V/D` | コピー/カット/ペースト/複製 |
|
| `L` | 直線 | | `Cmd+C/X/V/D` | コピー/カット/ペースト/複製 |
|
||||||
| `T` | テキスト | | `Cmd+G` | グループ化 |
|
| `T` | テキスト | | `Cmd+G` | グループ化 |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | グループ解除 |
|
| `F` | Frame | | `Cmd+Shift+G` | グループ解除 |
|
||||||
| `P` | ペンツール | | `Cmd+Shift+E` | エクスポート |
|
| `P` | ペンツール | | `Cmd+Shift+P` | エクスポート (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | ハンド(パン) | | `Cmd+Shift+C` | コードパネル |
|
| `H` | ハンド(パン) | | `Cmd+Shift+C` | コードパネル |
|
||||||
| `Del` | 削除 | | `Cmd+Shift+V` | 変数パネル |
|
| `Del` | 削除 | | `Cmd+Shift+V` | 変数パネル |
|
||||||
| `[ / ]` | 重ね順の変更 | | `Cmd+J` | AI チャット |
|
| `[ / ]` | 重ね順の変更 | | `Cmd+J` | AI チャット |
|
||||||
| 矢印キー | 1px 微調整 | | `Cmd+,` | エージェント設定 |
|
| 矢印キー | 1px 微調整 | | `Cmd+,` | エージェント設定 |
|
||||||
| `Cmd+Alt+U` | ブーリアン合体 | | `Cmd+Alt+S` | ブーリアン型抜き |
|
| `Cmd+Alt+U` | ブーリアン合体 | | `Cmd+Alt+S` | ブーリアン型抜き |
|
||||||
| `Cmd+Alt+I` | ブーリアン交差 | | | |
|
| `Cmd+Alt+I` | ブーリアン交差 | | `Cmd+Shift+S` | 名前を付けて保存 |
|
||||||
|
|
||||||
## スクリプト
|
## スクリプト
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # CLI を dist にコンパイル
|
||||||
- [x] CLIツール(`op`)ターミナル制御
|
- [x] CLIツール(`op`)ターミナル制御
|
||||||
- [x] ビルトイン AI エージェント SDK(マルチプロバイダー対応)
|
- [x] ビルトイン AI エージェント SDK(マルチプロバイダー対応)
|
||||||
- [x] i18n — 15言語対応
|
- [x] i18n — 15言語対応
|
||||||
|
- [x] Git 統合(クローン、ブランチ、プッシュ/プル、フォルダーモード三方向マージ)
|
||||||
|
- [x] キャンバスのラスターエクスポート(PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] 共同編集
|
- [ ] 共同編集
|
||||||
- [ ] プラグインシステム
|
- [ ] プラグインシステム
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # CLI を dist にコンパイル
|
||||||
OpenPencil は無料でオープンソースです。開発は、これを便利だと感じてくださる皆さんの支援で成り立っています — キャンバスを開いたままにしてくれてありがとう。
|
OpenPencil は無料でオープンソースです。開発は、これを便利だと感じてくださる皆さんの支援で成り立っています — キャンバスを開いたままにしてくれてありがとう。
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
**[MrQyun](https://github.com/mrqyun)** さん、ありがとうございます — あなたの名前もここに並べませんか?**[スポンサーになる →](https://github.com/sponsors/ZSeven-W)**
|
**[MrQyun](https://github.com/mrqyun)** さん、ありがとうございます — あなたの名前もここに並べませんか?**[スポンサーになる →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.ko.md
37
README.ko.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # stdin에서 파이프 입력
|
||||||
- 멀티 테마 지원 — 여러 테마 축, 각 축에 변형(Light/Dark, Compact/Comfortable)
|
- 멀티 테마 지원 — 여러 테마 축, 각 축에 변형(Light/Dark, Compact/Comfortable)
|
||||||
- 컴포넌트 시스템 — 인스턴스와 오버라이드를 가진 재사용 가능한 컴포넌트
|
- 컴포넌트 시스템 — 인스턴스와 오버라이드를 가진 재사용 가능한 컴포넌트
|
||||||
- CSS 동기화 — 커스텀 프로퍼티 자동 생성, 코드 출력에 `var(--name)` 사용
|
- CSS 동기화 — 커스텀 프로퍼티 자동 생성, 코드 출력에 `var(--name)` 사용
|
||||||
|
- 재사용 가능한 UIKit — `.pen` 파일에서 컴포넌트 킷을 가져오기/내보내기
|
||||||
|
|
||||||
|
**AI & 에이전트**
|
||||||
|
|
||||||
|
- 스트리밍 생성과 오케스트레이터 기반 공간 분해를 통한 프롬프트-투-캔버스
|
||||||
|
- 동시 에이전트 팀 — 여러 디자이너가 다양한 섹션에서 병렬로 작업하며 멤버별 캔버스 인디케이터 제공
|
||||||
|
- 계층적 워크플로 — `design_skeleton` → `design_content` → `design_refine`, 각 단계에 집중된 프롬프트 사용
|
||||||
|
- 스타일 가이드 — 50개 이상의 내장 스타일(glassmorphism, brutalist, retro 등), 태그 기반 퍼지 매칭 지원, 플래닝과 생성에 통합
|
||||||
|
- 멀티 모델 역량 프로파일 — 모델 등급별로 싱킹 모드, 노력도, 프롬프트 형태를 자동 적응
|
||||||
|
- 내장 에이전트 런타임(`agent-native`, Zig NAPI) + Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini 제공자
|
||||||
|
- 중국 LLM 제공자를 위한 Anthropic 형식 패스스루 — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Git 통합**
|
||||||
|
|
||||||
|
- SSH / HTTPS 인증과 SSH 키 관리를 지원하는 클론 마법사
|
||||||
|
- 브랜치 피커 — 생성, 전환, 삭제, 병합을 모두 Git 패널에서
|
||||||
|
- 인증 재시도와 non-fast-forward 처리가 포함된 Pull / Push 캐스케이드
|
||||||
|
- 디스크 상의 `MERGE_HEAD` 상태 추적을 포함한 폴더 모드 3방향 병합
|
||||||
|
- 노드/필드 단위 3방향 카드, 인라인 JSON 편집기, 일괄 작업, 인라인 diff 블록을 갖춘 충돌 패널
|
||||||
|
- 원격 설정 및 SSH 키 UI; Git 전반에 걸친 15개 언어 i18n
|
||||||
|
|
||||||
|
**내보내기**
|
||||||
|
|
||||||
|
- 캔버스 내보내기 — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- 코드 내보내기 — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- 증분 MCP 코드 생성 파이프라인 — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Figma 가져오기**
|
**Figma 가져오기**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # stdin에서 파이프 입력
|
||||||
- Electron을 통한 네이티브 macOS, Windows, Linux 지원
|
- Electron을 통한 네이티브 macOS, Windows, Linux 지원
|
||||||
- `.op` 파일 연결 — 더블 클릭으로 열기, 단일 인스턴스 잠금
|
- `.op` 파일 연결 — 더블 클릭으로 열기, 단일 인스턴스 잠금
|
||||||
- GitHub Releases에서 자동 업데이트
|
- GitHub Releases에서 자동 업데이트
|
||||||
- 네이티브 애플리케이션 메뉴와 파일 다이얼로그
|
- 다른 이름으로 저장, 최근 항목 열기, 닫을 때 저장되지 않은 변경 사항 대화상자를 지원하는 네이티브 애플리케이션 메뉴
|
||||||
|
- 최근 파일 영속성
|
||||||
|
|
||||||
## 기술 스택
|
## 기술 스택
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | 직선 | | `Cmd+C/X/V/D` | 복사/잘라내기/붙여넣기/복제 |
|
| `L` | 직선 | | `Cmd+C/X/V/D` | 복사/잘라내기/붙여넣기/복제 |
|
||||||
| `T` | 텍스트 | | `Cmd+G` | 그룹화 |
|
| `T` | 텍스트 | | `Cmd+G` | 그룹화 |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | 그룹 해제 |
|
| `F` | Frame | | `Cmd+Shift+G` | 그룹 해제 |
|
||||||
| `P` | 펜 툴 | | `Cmd+Shift+E` | 내보내기 |
|
| `P` | 펜 툴 | | `Cmd+Shift+P` | 내보내기 (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | 핸드(팬) | | `Cmd+Shift+C` | 코드 패널 |
|
| `H` | 핸드(팬) | | `Cmd+Shift+C` | 코드 패널 |
|
||||||
| `Del` | 삭제 | | `Cmd+Shift+V` | 변수 패널 |
|
| `Del` | 삭제 | | `Cmd+Shift+V` | 변수 패널 |
|
||||||
| `[ / ]` | 순서 변경 | | `Cmd+J` | AI 채팅 |
|
| `[ / ]` | 순서 변경 | | `Cmd+J` | AI 채팅 |
|
||||||
| 화살표 키 | 1px 이동 | | `Cmd+,` | 에이전트 설정 |
|
| 화살표 키 | 1px 이동 | | `Cmd+,` | 에이전트 설정 |
|
||||||
| `Cmd+Alt+U` | 불리언 합치기 | | `Cmd+Alt+S` | 불리언 빼기 |
|
| `Cmd+Alt+U` | 불리언 합치기 | | `Cmd+Alt+S` | 불리언 빼기 |
|
||||||
| `Cmd+Alt+I` | 불리언 교차 | | | |
|
| `Cmd+Alt+I` | 불리언 교차 | | `Cmd+Shift+S` | 다른 이름으로 저장 |
|
||||||
|
|
||||||
## 스크립트
|
## 스크립트
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # CLI를 dist로 컴파일
|
||||||
- [x] CLI 도구 (`op`) 터미널 제어
|
- [x] CLI 도구 (`op`) 터미널 제어
|
||||||
- [x] 내장 AI 에이전트 SDK (멀티 제공자 지원)
|
- [x] 내장 AI 에이전트 SDK (멀티 제공자 지원)
|
||||||
- [x] i18n — 15개 언어
|
- [x] i18n — 15개 언어
|
||||||
|
- [x] Git 통합 (클론, 브랜치, 푸시/풀, 폴더 모드 3방향 병합)
|
||||||
|
- [x] 캔버스 래스터 내보내기 (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] 공동 편집
|
- [ ] 공동 편집
|
||||||
- [ ] 플러그인 시스템
|
- [ ] 플러그인 시스템
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # CLI를 dist로 컴파일
|
||||||
OpenPencil은 무료이며 오픈소스입니다. 개발은 이 도구를 유용하게 쓰는 분들의 후원으로 이어집니다 — 캔버스를 열어 두어 주셔서 감사합니다.
|
OpenPencil은 무료이며 오픈소스입니다. 개발은 이 도구를 유용하게 쓰는 분들의 후원으로 이어집니다 — 캔버스를 열어 두어 주셔서 감사합니다.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
**[MrQyun](https://github.com/mrqyun)** 님, 감사합니다 — 여기에 이름을 올리고 싶으신가요? **[스폰서 되기 →](https://github.com/sponsors/ZSeven-W)**
|
**[MrQyun](https://github.com/mrqyun)** 님, 감사합니다 — 여기에 이름을 올리고 싶으신가요? **[스폰서 되기 →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
63
README.md
63
README.md
|
|
@ -301,6 +301,32 @@ Supports three input methods: inline string, `@filepath` (read from file), or `-
|
||||||
- Multi-theme support — multiple axes, each with variants (Light/Dark, Compact/Comfortable)
|
- Multi-theme support — multiple axes, each with variants (Light/Dark, Compact/Comfortable)
|
||||||
- Component system — reusable components with instances and overrides
|
- Component system — reusable components with instances and overrides
|
||||||
- CSS sync — auto-generated custom properties, `var(--name)` in code output
|
- CSS sync — auto-generated custom properties, `var(--name)` in code output
|
||||||
|
- Reusable UIKits — import/export component kits from `.pen` files
|
||||||
|
|
||||||
|
**AI & Agents**
|
||||||
|
|
||||||
|
- Prompt-to-canvas with streaming generation and orchestrator-driven spatial decomposition
|
||||||
|
- Concurrent Agent Teams — multiple designers work on different sections in parallel with per-member canvas indicators
|
||||||
|
- Layered workflow — `design_skeleton` → `design_content` → `design_refine` with focused prompts per phase
|
||||||
|
- Style Guides — 50+ built-in styles (glassmorphism, brutalist, retro, etc.) with tag-based fuzzy matching, wired into planning and generation
|
||||||
|
- Multi-model capability profiles — auto-adapts thinking mode, effort, and prompt shape per model tier
|
||||||
|
- Built-in agent runtime (`agent-native`, Zig NAPI) + Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini providers
|
||||||
|
- Anthropic-format passthrough for Chinese LLM providers — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Git Integration**
|
||||||
|
|
||||||
|
- Clone wizard with SSH / HTTPS auth and SSH key management
|
||||||
|
- Branch picker — create, switch, delete, merge, all from the git panel
|
||||||
|
- Pull / push cascades with auth retry and non-fast-forward handling
|
||||||
|
- Folder-mode three-way merge with on-disk `MERGE_HEAD` state tracking
|
||||||
|
- Conflict panel with per-node / per-field three-way cards, inline JSON editor, bulk actions, and inline diff block
|
||||||
|
- Remote settings and SSH keys UI; 15-locale i18n across the whole Git surface
|
||||||
|
|
||||||
|
**Export**
|
||||||
|
|
||||||
|
- Canvas export — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Code export — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Incremental MCP codegen pipeline — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Figma Import**
|
**Figma Import**
|
||||||
|
|
||||||
|
|
@ -311,7 +337,8 @@ Supports three input methods: inline string, `@filepath` (read from file), or `-
|
||||||
- Native macOS, Windows, and Linux via Electron
|
- Native macOS, Windows, and Linux via Electron
|
||||||
- `.op` file association — double-click to open, single-instance lock
|
- `.op` file association — double-click to open, single-instance lock
|
||||||
- Auto-update from GitHub Releases
|
- Auto-update from GitHub Releases
|
||||||
- Native application menu and file dialogs
|
- Native application menu with Save As, Open Recent, and an unsaved-changes dialog on close
|
||||||
|
- Recent files persistence
|
||||||
|
|
||||||
## Tech Stack
|
## Tech Stack
|
||||||
|
|
||||||
|
|
@ -373,21 +400,21 @@ openpencil/
|
||||||
|
|
||||||
## Keyboard Shortcuts
|
## Keyboard Shortcuts
|
||||||
|
|
||||||
| Key | Action | | Key | Action |
|
| Key | Action | | Key | Action |
|
||||||
| ----------- | ----------------- | --- | ------------- | ------------------------ |
|
| ----------- | ----------------- | --- | ------------- | ------------------------- |
|
||||||
| `V` | Select | | `Cmd+S` | Save |
|
| `V` | Select | | `Cmd+S` | Save |
|
||||||
| `R` | Rectangle | | `Cmd+Z` | Undo |
|
| `R` | Rectangle | | `Cmd+Z` | Undo |
|
||||||
| `O` | Ellipse | | `Cmd+Shift+Z` | Redo |
|
| `O` | Ellipse | | `Cmd+Shift+Z` | Redo |
|
||||||
| `L` | Line | | `Cmd+C/X/V/D` | Copy/Cut/Paste/Duplicate |
|
| `L` | Line | | `Cmd+C/X/V/D` | Copy/Cut/Paste/Duplicate |
|
||||||
| `T` | Text | | `Cmd+G` | Group |
|
| `T` | Text | | `Cmd+G` | Group |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Ungroup |
|
| `F` | Frame | | `Cmd+Shift+G` | Ungroup |
|
||||||
| `P` | Pen tool | | `Cmd+Shift+E` | Export |
|
| `P` | Pen tool | | `Cmd+Shift+P` | Export (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Hand (pan) | | `Cmd+Shift+C` | Code panel |
|
| `H` | Hand (pan) | | `Cmd+Shift+C` | Code panel |
|
||||||
| `Del` | Delete | | `Cmd+Shift+V` | Variables panel |
|
| `Del` | Delete | | `Cmd+Shift+V` | Variables panel |
|
||||||
| `[ / ]` | Reorder | | `Cmd+J` | AI chat |
|
| `[ / ]` | Reorder | | `Cmd+J` | AI chat |
|
||||||
| Arrows | Nudge 1px | | `Cmd+,` | Agent settings |
|
| Arrows | Nudge 1px | | `Cmd+,` | Agent settings |
|
||||||
| `Cmd+Alt+U` | Boolean union | | `Cmd+Alt+S` | Boolean subtract |
|
| `Cmd+Alt+U` | Boolean union | | `Cmd+Alt+S` | Boolean subtract |
|
||||||
| `Cmd+Alt+I` | Boolean intersect | | | |
|
| `Cmd+Alt+I` | Boolean intersect | | `Cmd+Shift+S` | Save As |
|
||||||
|
|
||||||
## Scripts
|
## Scripts
|
||||||
|
|
||||||
|
|
@ -435,6 +462,8 @@ Contributions are welcome! See [CLAUDE.md](./CLAUDE.md) for architecture details
|
||||||
- [x] Style Guides with tag-based matching and MCP tools
|
- [x] Style Guides with tag-based matching and MCP tools
|
||||||
- [x] Concurrent Agent Teams with delegate tool and canvas indicators
|
- [x] Concurrent Agent Teams with delegate tool and canvas indicators
|
||||||
- [x] Native agent runtime (`agent-native` — Zig NAPI)
|
- [x] Native agent runtime (`agent-native` — Zig NAPI)
|
||||||
|
- [x] Git integration — clone, branch, push/pull, folder-mode three-way merge
|
||||||
|
- [x] Canvas raster export (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Collaborative editing
|
- [ ] Collaborative editing
|
||||||
- [ ] Plugin system
|
- [ ] Plugin system
|
||||||
|
|
||||||
|
|
@ -449,7 +478,7 @@ Contributions are welcome! See [CLAUDE.md](./CLAUDE.md) for architecture details
|
||||||
OpenPencil is free and open-source. Development is funded by people who find it useful — thank you for keeping the canvas open.
|
OpenPencil is free and open-source. Development is funded by people who find it useful — thank you for keeping the canvas open.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Thanks to **[MrQyun](https://github.com/mrqyun)** — want your name here too? **[Become a sponsor →](https://github.com/sponsors/ZSeven-W)**
|
Thanks to **[MrQyun](https://github.com/mrqyun)** — want your name here too? **[Become a sponsor →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.pt.md
37
README.pt.md
|
|
@ -246,6 +246,32 @@ Suporta três métodos de entrada: string inline, `@filepath` (ler de arquivo) o
|
||||||
- Suporte a múltiplos temas — vários eixos, cada um com variantes (Claro/Escuro, Compacto/Confortável)
|
- Suporte a múltiplos temas — vários eixos, cada um com variantes (Claro/Escuro, Compacto/Confortável)
|
||||||
- Sistema de componentes — componentes reutilizáveis com instâncias e substituições
|
- Sistema de componentes — componentes reutilizáveis com instâncias e substituições
|
||||||
- Sincronização CSS — propriedades personalizadas geradas automaticamente, `var(--name)` na saída de código
|
- Sincronização CSS — propriedades personalizadas geradas automaticamente, `var(--name)` na saída de código
|
||||||
|
- UIKits reutilizáveis — importe/exporte kits de componentes a partir de arquivos `.pen`
|
||||||
|
|
||||||
|
**IA e Agentes**
|
||||||
|
|
||||||
|
- Prompt-para-canvas com geração em streaming e decomposição espacial orientada pelo orquestrador
|
||||||
|
- Equipes de agentes concorrentes — vários designers trabalham em seções diferentes em paralelo, com indicadores no canvas por membro
|
||||||
|
- Fluxo em camadas — `design_skeleton` → `design_content` → `design_refine` com prompts focados por fase
|
||||||
|
- Guias de estilo — mais de 50 estilos integrados (glassmorphism, brutalist, retro, etc.) com correspondência fuzzy baseada em tags, integrados ao planejamento e geração
|
||||||
|
- Perfis de capacidade multi-modelo — adapta automaticamente o modo de pensamento, o esforço e a forma do prompt conforme o nível do modelo
|
||||||
|
- Runtime de agente integrado (`agent-native`, Zig NAPI) + provedores Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Passthrough no formato Anthropic para provedores de LLMs chineses — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Integração com Git**
|
||||||
|
|
||||||
|
- Assistente de clone com autenticação SSH / HTTPS e gestão de chaves SSH
|
||||||
|
- Seletor de branches — criar, trocar, excluir, mesclar, tudo a partir do painel Git
|
||||||
|
- Cascatas de pull / push com retry de autenticação e tratamento non-fast-forward
|
||||||
|
- Merge a três vias em modo pasta com rastreamento do estado `MERGE_HEAD` em disco
|
||||||
|
- Painel de conflitos com cards de três vias por nó / campo, editor JSON inline, ações em lote e bloco de diff inline
|
||||||
|
- UI de configurações remotas e chaves SSH; i18n em 15 idiomas em toda a superfície Git
|
||||||
|
|
||||||
|
**Exportação**
|
||||||
|
|
||||||
|
- Exportação do canvas — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Exportação de código — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Pipeline incremental de codegen MCP — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Importação do Figma**
|
**Importação do Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ Suporta três métodos de entrada: string inline, `@filepath` (ler de arquivo) o
|
||||||
- macOS, Windows e Linux nativos via Electron
|
- macOS, Windows e Linux nativos via Electron
|
||||||
- Associação de arquivos `.op` — clique duplo para abrir, bloqueio de instância única
|
- Associação de arquivos `.op` — clique duplo para abrir, bloqueio de instância única
|
||||||
- Atualização automática a partir do GitHub Releases
|
- Atualização automática a partir do GitHub Releases
|
||||||
- Menu de aplicativo nativo e diálogos de arquivo
|
- Menu de aplicativo nativo com Salvar como, Abrir recentes e um diálogo de alterações não salvas ao fechar
|
||||||
|
- Persistência de arquivos recentes
|
||||||
|
|
||||||
## Stack Tecnológica
|
## Stack Tecnológica
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Linha | | `Cmd+C/X/V/D` | Copiar/Recortar/Colar/Duplicar |
|
| `L` | Linha | | `Cmd+C/X/V/D` | Copiar/Recortar/Colar/Duplicar |
|
||||||
| `T` | Texto | | `Cmd+G` | Agrupar |
|
| `T` | Texto | | `Cmd+G` | Agrupar |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Desagrupar |
|
| `F` | Frame | | `Cmd+Shift+G` | Desagrupar |
|
||||||
| `P` | Ferramenta caneta | | `Cmd+Shift+E` | Exportar |
|
| `P` | Ferramenta caneta | | `Cmd+Shift+P` | Exportar (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Mão (pan) | | `Cmd+Shift+C` | Painel de código |
|
| `H` | Mão (pan) | | `Cmd+Shift+C` | Painel de código |
|
||||||
| `Del` | Excluir | | `Cmd+Shift+V` | Painel de variáveis |
|
| `Del` | Excluir | | `Cmd+Shift+V` | Painel de variáveis |
|
||||||
| `[ / ]` | Reordenar | | `Cmd+J` | Chat IA |
|
| `[ / ]` | Reordenar | | `Cmd+J` | Chat IA |
|
||||||
| Setas | Mover 1px | | `Cmd+,` | Configurações do agente |
|
| Setas | Mover 1px | | `Cmd+,` | Configurações do agente |
|
||||||
| `Cmd+Alt+U` | União booleana | | `Cmd+Alt+S` | Subtração booleana |
|
| `Cmd+Alt+U` | União booleana | | `Cmd+Alt+S` | Subtração booleana |
|
||||||
| `Cmd+Alt+I` | Interseção booleana | | | |
|
| `Cmd+Alt+I` | Interseção booleana | | `Cmd+Shift+S` | Salvar como |
|
||||||
|
|
||||||
## Scripts
|
## Scripts
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ Contribuições são bem-vindas! Consulte o [CLAUDE.md](./CLAUDE.md) para detalh
|
||||||
- [x] Ferramenta CLI (`op`) para controle pelo terminal
|
- [x] Ferramenta CLI (`op`) para controle pelo terminal
|
||||||
- [x] SDK de agente AI integrado com suporte multi-provedor
|
- [x] SDK de agente AI integrado com suporte multi-provedor
|
||||||
- [x] i18n — 15 idiomas
|
- [x] i18n — 15 idiomas
|
||||||
|
- [x] Integração com Git (clone, branch, push/pull, merge a três vias em modo pasta)
|
||||||
|
- [x] Exportação raster do canvas (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Edição colaborativa
|
- [ ] Edição colaborativa
|
||||||
- [ ] Sistema de plugins
|
- [ ] Sistema de plugins
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ Contribuições são bem-vindas! Consulte o [CLAUDE.md](./CLAUDE.md) para detalh
|
||||||
OpenPencil é gratuito e de código aberto. O desenvolvimento é financiado por quem o acha útil — obrigado por manter o canvas aberto.
|
OpenPencil é gratuito e de código aberto. O desenvolvimento é financiado por quem o acha útil — obrigado por manter o canvas aberto.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Obrigado a **[MrQyun](https://github.com/mrqyun)** — quer ver seu nome aqui? **[Torne-se um patrocinador →](https://github.com/sponsors/ZSeven-W)**
|
Obrigado a **[MrQyun](https://github.com/mrqyun)** — quer ver seu nome aqui? **[Torne-se um patrocinador →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.ru.md
37
README.ru.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # Передача через stdin
|
||||||
- Поддержка нескольких тем — несколько осей, каждая с вариантами (Светлая/Тёмная, Компактная/Комфортная)
|
- Поддержка нескольких тем — несколько осей, каждая с вариантами (Светлая/Тёмная, Компактная/Комфортная)
|
||||||
- Система компонентов — переиспользуемые компоненты с экземплярами и переопределениями
|
- Система компонентов — переиспользуемые компоненты с экземплярами и переопределениями
|
||||||
- CSS-синхронизация — автоматически генерируемые пользовательские свойства, `var(--name)` в выводе кода
|
- CSS-синхронизация — автоматически генерируемые пользовательские свойства, `var(--name)` в выводе кода
|
||||||
|
- Переиспользуемые UIKit — импорт/экспорт наборов компонентов из файлов `.pen`
|
||||||
|
|
||||||
|
**AI и агенты**
|
||||||
|
|
||||||
|
- Prompt-to-canvas с потоковой генерацией и разбиением пространства под управлением оркестратора
|
||||||
|
- Параллельные команды агентов — несколько дизайнеров одновременно работают над разными секциями с индикаторами на холсте по каждому участнику
|
||||||
|
- Послойный рабочий процесс — `design_skeleton` → `design_content` → `design_refine` со сфокусированными промптами на каждой фазе
|
||||||
|
- Руководства по стилю — 50+ встроенных стилей (glassmorphism, brutalist, retro и т. д.) с нечётким сопоставлением по тегам, интегрированным в планирование и генерацию
|
||||||
|
- Профили возможностей мультимодели — автоматически подстраивает режим размышления, уровень усилий и форму промпта в зависимости от уровня модели
|
||||||
|
- Встроенный рантайм агентов (`agent-native`, Zig NAPI) + провайдеры Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Проброс формата Anthropic для китайских провайдеров LLM — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Интеграция с Git**
|
||||||
|
|
||||||
|
- Мастер клонирования с аутентификацией SSH / HTTPS и управлением SSH-ключами
|
||||||
|
- Выбор ветки — создание, переключение, удаление, слияние — всё прямо из панели Git
|
||||||
|
- Каскады pull / push с повтором аутентификации и обработкой non-fast-forward
|
||||||
|
- Трёхстороннее слияние в режиме папки с отслеживанием состояния `MERGE_HEAD` на диске
|
||||||
|
- Панель конфликтов с трёхсторонними карточками по узлам/полям, встроенным редактором JSON, массовыми действиями и встроенным блоком diff
|
||||||
|
- Интерфейс настроек удалённых репозиториев и SSH-ключей; i18n на 15 языков по всей поверхности Git
|
||||||
|
|
||||||
|
**Экспорт**
|
||||||
|
|
||||||
|
- Экспорт холста — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Экспорт кода — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Инкрементальный конвейер генерации кода MCP — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Импорт из Figma**
|
**Импорт из Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # Передача через stdin
|
||||||
- Нативная поддержка macOS, Windows и Linux через Electron
|
- Нативная поддержка macOS, Windows и Linux через Electron
|
||||||
- Ассоциация файлов `.op` — двойной клик для открытия, блокировка единственного экземпляра
|
- Ассоциация файлов `.op` — двойной клик для открытия, блокировка единственного экземпляра
|
||||||
- Автообновление из GitHub Releases
|
- Автообновление из GitHub Releases
|
||||||
- Нативное меню приложения и диалоги файлов
|
- Нативное меню приложения с пунктами «Сохранить как», «Открыть недавние» и диалогом несохранённых изменений при закрытии
|
||||||
|
- Сохранение списка недавних файлов
|
||||||
|
|
||||||
## Технологический стек
|
## Технологический стек
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Линия | | `Cmd+C/X/V/D` | Копировать/Вырезать/Вставить/Дублировать |
|
| `L` | Линия | | `Cmd+C/X/V/D` | Копировать/Вырезать/Вставить/Дублировать |
|
||||||
| `T` | Текст | | `Cmd+G` | Сгруппировать |
|
| `T` | Текст | | `Cmd+G` | Сгруппировать |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Разгруппировать |
|
| `F` | Frame | | `Cmd+Shift+G` | Разгруппировать |
|
||||||
| `P` | Инструмент пера | | `Cmd+Shift+E` | Экспорт |
|
| `P` | Инструмент пера | | `Cmd+Shift+P` | Экспорт (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Рука (панорама) | | `Cmd+Shift+C` | Панель кода |
|
| `H` | Рука (панорама) | | `Cmd+Shift+C` | Панель кода |
|
||||||
| `Del` | Удалить | | `Cmd+Shift+V` | Панель переменных |
|
| `Del` | Удалить | | `Cmd+Shift+V` | Панель переменных |
|
||||||
| `[ / ]` | Изменить порядок | | `Cmd+J` | AI-чат |
|
| `[ / ]` | Изменить порядок | | `Cmd+J` | AI-чат |
|
||||||
| Стрелки | Сдвиг на 1px | | `Cmd+,` | Настройки агента |
|
| Стрелки | Сдвиг на 1px | | `Cmd+,` | Настройки агента |
|
||||||
| `Cmd+Alt+U` | Булево объединение | | `Cmd+Alt+S` | Булево вычитание |
|
| `Cmd+Alt+U` | Булево объединение | | `Cmd+Alt+S` | Булево вычитание |
|
||||||
| `Cmd+Alt+I` | Булево пересечение | | | |
|
| `Cmd+Alt+I` | Булево пересечение | | `Cmd+Shift+S` | Сохранить как |
|
||||||
|
|
||||||
## Скрипты
|
## Скрипты
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # Компиляция CLI в dist
|
||||||
- [x] CLI-инструмент (`op`) для управления из терминала
|
- [x] CLI-инструмент (`op`) для управления из терминала
|
||||||
- [x] Встроенный SDK AI-агента с поддержкой нескольких провайдеров
|
- [x] Встроенный SDK AI-агента с поддержкой нескольких провайдеров
|
||||||
- [x] i18n — 15 языков
|
- [x] i18n — 15 языков
|
||||||
|
- [x] Интеграция с Git (клон, ветки, push/pull, трёхстороннее слияние в режиме папки)
|
||||||
|
- [x] Растровый экспорт холста (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Совместное редактирование
|
- [ ] Совместное редактирование
|
||||||
- [ ] Система плагинов
|
- [ ] Система плагинов
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # Компиляция CLI в dist
|
||||||
OpenPencil бесплатен и open source. Разработка финансируется теми, кому он полезен — спасибо, что держите холст открытым.
|
OpenPencil бесплатен и open source. Разработка финансируется теми, кому он полезен — спасибо, что держите холст открытым.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Спасибо **[MrQyun](https://github.com/mrqyun)** — хотите видеть здесь своё имя? **[Стать спонсором →](https://github.com/sponsors/ZSeven-W)**
|
Спасибо **[MrQyun](https://github.com/mrqyun)** — хотите видеть здесь своё имя? **[Стать спонсором →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
63
README.th.md
63
README.th.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # Pipe จาก stdin
|
||||||
- รองรับหลาย theme — หลาย axis แต่ละ axis มี variants (Light/Dark, Compact/Comfortable)
|
- รองรับหลาย theme — หลาย axis แต่ละ axis มี variants (Light/Dark, Compact/Comfortable)
|
||||||
- ระบบ Component — component ที่นำกลับมาใช้ใหม่ได้พร้อม instance และ override
|
- ระบบ Component — component ที่นำกลับมาใช้ใหม่ได้พร้อม instance และ override
|
||||||
- CSS sync — สร้าง custom properties อัตโนมัติ, `var(--name)` ในผลลัพธ์โค้ด
|
- CSS sync — สร้าง custom properties อัตโนมัติ, `var(--name)` ในผลลัพธ์โค้ด
|
||||||
|
- UIKits ที่นำกลับมาใช้ใหม่ได้ — นำเข้า/ส่งออกชุด component จากไฟล์ `.pen`
|
||||||
|
|
||||||
|
**AI และ Agents**
|
||||||
|
|
||||||
|
- Prompt-to-canvas พร้อมการสร้างแบบ streaming และการแตกย่อยเชิงพื้นที่ที่ขับเคลื่อนโดย orchestrator
|
||||||
|
- Concurrent Agent Teams — นักออกแบบหลายคนทำงานกับส่วนต่าง ๆ พร้อมกัน พร้อมตัวบ่งชี้บน canvas สำหรับแต่ละสมาชิก
|
||||||
|
- Layered workflow — `design_skeleton` → `design_content` → `design_refine` พร้อม prompt ที่เน้นเฉพาะในแต่ละเฟส
|
||||||
|
- Style Guides — สไตล์ในตัวกว่า 50 แบบ (glassmorphism, brutalist, retro ฯลฯ) พร้อม fuzzy matching ตาม tag ใช้ในการวางแผนและการสร้าง
|
||||||
|
- โปรไฟล์ความสามารถหลายโมเดล — ปรับโหมดการคิด ความพยายาม และรูปแบบ prompt อัตโนมัติตามระดับโมเดล
|
||||||
|
- Agent runtime ในตัว (`agent-native`, Zig NAPI) + ผู้ให้บริการ Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Passthrough รูปแบบ Anthropic สำหรับผู้ให้บริการ LLM จีน — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**การเชื่อมต่อ Git**
|
||||||
|
|
||||||
|
- ตัวช่วย Clone พร้อมการยืนยันตัวตน SSH / HTTPS และการจัดการ SSH key
|
||||||
|
- ตัวเลือก branch — สร้าง สลับ ลบ merge ทั้งหมดจาก Git panel
|
||||||
|
- Cascade สำหรับ pull / push พร้อม auth retry และการจัดการ non-fast-forward
|
||||||
|
- Three-way merge โหมดโฟลเดอร์พร้อมการติดตามสถานะ `MERGE_HEAD` บนดิสก์
|
||||||
|
- Conflict panel พร้อมการ์ด three-way ต่อ node / field, ตัวแก้ไข JSON inline, bulk actions และบล็อก diff inline
|
||||||
|
- UI สำหรับตั้งค่า remote และ SSH keys; i18n 15 ภาษาครอบคลุมทั้งส่วนของ Git
|
||||||
|
|
||||||
|
**การส่งออก**
|
||||||
|
|
||||||
|
- ส่งออก Canvas — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- ส่งออกโค้ด — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Pipeline การสร้างโค้ด MCP แบบเพิ่มทีละส่วน — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**นำเข้าจาก Figma**
|
**นำเข้าจาก Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # Pipe จาก stdin
|
||||||
- รองรับ macOS, Windows และ Linux แบบ native ผ่าน Electron
|
- รองรับ macOS, Windows และ Linux แบบ native ผ่าน Electron
|
||||||
- เชื่อมโยงไฟล์ `.op` — ดับเบิลคลิกเพื่อเปิด, single-instance lock
|
- เชื่อมโยงไฟล์ `.op` — ดับเบิลคลิกเพื่อเปิด, single-instance lock
|
||||||
- อัปเดตอัตโนมัติจาก GitHub Releases
|
- อัปเดตอัตโนมัติจาก GitHub Releases
|
||||||
- เมนูแอปพลิเคชันและ file dialog แบบ native
|
- เมนูแอปพลิเคชันแบบ native พร้อม Save As, Open Recent และกล่องโต้ตอบการเปลี่ยนแปลงที่ไม่ได้บันทึกเมื่อปิด
|
||||||
|
- การเก็บรักษาไฟล์ล่าสุด
|
||||||
|
|
||||||
## Tech Stack
|
## Tech Stack
|
||||||
|
|
||||||
|
|
@ -311,21 +338,21 @@ openpencil/
|
||||||
|
|
||||||
## คีย์ลัด
|
## คีย์ลัด
|
||||||
|
|
||||||
| คีย์ | การทำงาน | | คีย์ | การทำงาน |
|
| คีย์ | การทำงาน | | คีย์ | การทำงาน |
|
||||||
| ----------- | ----------- | --- | ------------- | -------------------- |
|
| ----------- | ----------- | --- | ------------- | ------------------------- |
|
||||||
| `V` | เลือก | | `Cmd+S` | บันทึก |
|
| `V` | เลือก | | `Cmd+S` | บันทึก |
|
||||||
| `R` | Rectangle | | `Cmd+Z` | เลิกทำ |
|
| `R` | Rectangle | | `Cmd+Z` | เลิกทำ |
|
||||||
| `O` | Ellipse | | `Cmd+Shift+Z` | ทำซ้ำ |
|
| `O` | Ellipse | | `Cmd+Shift+Z` | ทำซ้ำ |
|
||||||
| `L` | Line | | `Cmd+C/X/V/D` | คัดลอก/ตัด/วาง/ทำซ้ำ |
|
| `L` | Line | | `Cmd+C/X/V/D` | คัดลอก/ตัด/วาง/ทำซ้ำ |
|
||||||
| `T` | Text | | `Cmd+G` | จัดกลุ่ม |
|
| `T` | Text | | `Cmd+G` | จัดกลุ่ม |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | ยกเลิกการจัดกลุ่ม |
|
| `F` | Frame | | `Cmd+Shift+G` | ยกเลิกการจัดกลุ่ม |
|
||||||
| `P` | Pen tool | | `Cmd+Shift+E` | ส่งออก |
|
| `P` | Pen tool | | `Cmd+Shift+P` | ส่งออก (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Hand (pan) | | `Cmd+Shift+C` | Code panel |
|
| `H` | Hand (pan) | | `Cmd+Shift+C` | Code panel |
|
||||||
| `Del` | ลบ | | `Cmd+Shift+V` | Variables panel |
|
| `Del` | ลบ | | `Cmd+Shift+V` | Variables panel |
|
||||||
| `[ / ]` | เรียงลำดับ | | `Cmd+J` | AI chat |
|
| `[ / ]` | เรียงลำดับ | | `Cmd+J` | AI chat |
|
||||||
| ลูกศร | เลื่อน 1px | | `Cmd+,` | Agent settings |
|
| ลูกศร | เลื่อน 1px | | `Cmd+,` | Agent settings |
|
||||||
| `Cmd+Alt+U` | รวมบูลีน | | `Cmd+Alt+S` | ลบบูลีน |
|
| `Cmd+Alt+U` | รวมบูลีน | | `Cmd+Alt+S` | ลบบูลีน |
|
||||||
| `Cmd+Alt+I` | ตัดกันบูลีน | | | |
|
| `Cmd+Alt+I` | ตัดกันบูลีน | | `Cmd+Shift+S` | บันทึกเป็น |
|
||||||
|
|
||||||
## Scripts
|
## Scripts
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # คอมไพล์ CLI ไปยัง dist
|
||||||
- [x] เครื่องมือ CLI (`op`) ควบคุมจาก terminal
|
- [x] เครื่องมือ CLI (`op`) ควบคุมจาก terminal
|
||||||
- [x] AI Agent SDK ในตัว รองรับหลายผู้ให้บริการ
|
- [x] AI Agent SDK ในตัว รองรับหลายผู้ให้บริการ
|
||||||
- [x] i18n — 15 ภาษา
|
- [x] i18n — 15 ภาษา
|
||||||
|
- [x] การเชื่อมต่อ Git (clone, branch, push/pull, three-way merge โหมดโฟลเดอร์)
|
||||||
|
- [x] การส่งออก Canvas แบบ raster (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] การแก้ไขร่วมกัน
|
- [ ] การแก้ไขร่วมกัน
|
||||||
- [ ] ระบบปลั๊กอิน
|
- [ ] ระบบปลั๊กอิน
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # คอมไพล์ CLI ไปยัง dist
|
||||||
OpenPencil เป็นซอฟต์แวร์ฟรีและโอเพนซอร์ส การพัฒนาได้รับการสนับสนุนจากผู้ที่เห็นว่ามันมีประโยชน์ — ขอบคุณที่ช่วยให้ผืนผ้าใบยังคงเปิดอยู่
|
OpenPencil เป็นซอฟต์แวร์ฟรีและโอเพนซอร์ส การพัฒนาได้รับการสนับสนุนจากผู้ที่เห็นว่ามันมีประโยชน์ — ขอบคุณที่ช่วยให้ผืนผ้าใบยังคงเปิดอยู่
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
ขอบคุณ **[MrQyun](https://github.com/mrqyun)** — อยากเห็นชื่อของคุณตรงนี้ใช่ไหม? **[เป็นผู้สนับสนุน →](https://github.com/sponsors/ZSeven-W)**
|
ขอบคุณ **[MrQyun](https://github.com/mrqyun)** — อยากเห็นชื่อของคุณตรงนี้ใช่ไหม? **[เป็นผู้สนับสนุน →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
63
README.tr.md
63
README.tr.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # stdin'den pipe ile besle
|
||||||
- Çok tema desteği — birden fazla tema ekseni, her biri varyantlarıyla (Açık/Koyu, Kompakt/Rahat)
|
- Çok tema desteği — birden fazla tema ekseni, her biri varyantlarıyla (Açık/Koyu, Kompakt/Rahat)
|
||||||
- Bileşen sistemi — örnekler ve geçersiz kılmalarla yeniden kullanılabilir bileşenler
|
- Bileşen sistemi — örnekler ve geçersiz kılmalarla yeniden kullanılabilir bileşenler
|
||||||
- CSS senkronizasyonu — otomatik oluşturulan özel özellikler, kod çıktısında `var(--name)`
|
- CSS senkronizasyonu — otomatik oluşturulan özel özellikler, kod çıktısında `var(--name)`
|
||||||
|
- Yeniden kullanılabilir UIKit'ler — `.pen` dosyalarından bileşen kitlerini içe/dışa aktarın
|
||||||
|
|
||||||
|
**AI ve Ajanlar**
|
||||||
|
|
||||||
|
- Akışlı üretim ve orkestratör güdümlü uzamsal ayrıştırma ile prompt-to-canvas
|
||||||
|
- Eşzamanlı Ajan Ekipleri — birden çok tasarımcı farklı bölümler üzerinde paralel çalışır, üye başına kanvas göstergeleri ile
|
||||||
|
- Katmanlı iş akışı — `design_skeleton` → `design_content` → `design_refine`, her aşamada odaklı prompt'lar
|
||||||
|
- Stil Rehberleri — 50+ yerleşik stil (glassmorphism, brutalist, retro vb.), etiket tabanlı bulanık eşleştirme ile planlama ve üretime entegre
|
||||||
|
- Çoklu model yetenek profilleri — model katmanına göre düşünme modunu, çabayı ve prompt biçimini otomatik olarak uyarlar
|
||||||
|
- Yerleşik ajan çalışma ortamı (`agent-native`, Zig NAPI) + Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini sağlayıcıları
|
||||||
|
- Çinli LLM sağlayıcıları için Anthropic formatlı geçiş — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Git Entegrasyonu**
|
||||||
|
|
||||||
|
- SSH / HTTPS kimlik doğrulama ve SSH anahtarı yönetimi ile klonlama sihirbazı
|
||||||
|
- Dal seçici — oluştur, değiştir, sil, birleştir, hepsi Git panelinden
|
||||||
|
- Kimlik doğrulama yeniden denemeleri ve non-fast-forward yönetimi ile pull / push kademeleri
|
||||||
|
- Diskte `MERGE_HEAD` durum takibi ile klasör modu üç yönlü birleştirme
|
||||||
|
- Düğüm/alan başına üç yönlü kartlar, satır içi JSON editörü, toplu eylemler ve satır içi diff bloğu ile çakışma paneli
|
||||||
|
- Uzak ayarlar ve SSH anahtarları arayüzü; tüm Git yüzeyinde 15 dilde i18n
|
||||||
|
|
||||||
|
**Dışa Aktarma**
|
||||||
|
|
||||||
|
- Kanvas dışa aktarma — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Kod dışa aktarma — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Artımlı MCP kod üretimi hattı — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Figma İçe Aktarma**
|
**Figma İçe Aktarma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # stdin'den pipe ile besle
|
||||||
- Electron aracılığıyla yerel macOS, Windows ve Linux desteği
|
- Electron aracılığıyla yerel macOS, Windows ve Linux desteği
|
||||||
- `.op` dosya ilişkilendirmesi — açmak için çift tıklayın, tekli örnek kilidi
|
- `.op` dosya ilişkilendirmesi — açmak için çift tıklayın, tekli örnek kilidi
|
||||||
- GitHub Releases'ten otomatik güncelleme
|
- GitHub Releases'ten otomatik güncelleme
|
||||||
- Yerel uygulama menüsü ve dosya iletişim kutuları
|
- Farklı Kaydet, Son Kullanılanları Aç ve kapatırken kaydedilmemiş değişiklikler iletişim kutusu içeren yerel uygulama menüsü
|
||||||
|
- Son kullanılan dosyaların kalıcılığı
|
||||||
|
|
||||||
## Teknoloji Yığını
|
## Teknoloji Yığını
|
||||||
|
|
||||||
|
|
@ -311,21 +338,21 @@ openpencil/
|
||||||
|
|
||||||
## Klavye Kısayolları
|
## Klavye Kısayolları
|
||||||
|
|
||||||
| Tuş | İşlem | | Tuş | İşlem |
|
| Tuş | İşlem | | Tuş | İşlem |
|
||||||
| ----------- | ----------------- | --- | ------------- | --------------------------- |
|
| ----------- | ----------------- | --- | ------------- | ----------------------------- |
|
||||||
| `V` | Seç | | `Cmd+S` | Kaydet |
|
| `V` | Seç | | `Cmd+S` | Kaydet |
|
||||||
| `R` | Dikdörtgen | | `Cmd+Z` | Geri Al |
|
| `R` | Dikdörtgen | | `Cmd+Z` | Geri Al |
|
||||||
| `O` | Elips | | `Cmd+Shift+Z` | Yeniden Yap |
|
| `O` | Elips | | `Cmd+Shift+Z` | Yeniden Yap |
|
||||||
| `L` | Çizgi | | `Cmd+C/X/V/D` | Kopyala/Kes/Yapıştır/Çoğalt |
|
| `L` | Çizgi | | `Cmd+C/X/V/D` | Kopyala/Kes/Yapıştır/Çoğalt |
|
||||||
| `T` | Metin | | `Cmd+G` | Grupla |
|
| `T` | Metin | | `Cmd+G` | Grupla |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Grubu Çöz |
|
| `F` | Frame | | `Cmd+Shift+G` | Grubu Çöz |
|
||||||
| `P` | Kalem aracı | | `Cmd+Shift+E` | Dışa Aktar |
|
| `P` | Kalem aracı | | `Cmd+Shift+P` | Dışa Aktar (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | El (kaydır) | | `Cmd+Shift+C` | Kod paneli |
|
| `H` | El (kaydır) | | `Cmd+Shift+C` | Kod paneli |
|
||||||
| `Del` | Sil | | `Cmd+Shift+V` | Değişkenler paneli |
|
| `Del` | Sil | | `Cmd+Shift+V` | Değişkenler paneli |
|
||||||
| `[ / ]` | Yeniden sırala | | `Cmd+J` | AI sohbet |
|
| `[ / ]` | Yeniden sırala | | `Cmd+J` | AI sohbet |
|
||||||
| Oklar | 1px kaydır | | `Cmd+,` | Ajan ayarları |
|
| Oklar | 1px kaydır | | `Cmd+,` | Ajan ayarları |
|
||||||
| `Cmd+Alt+U` | Boolean birleştir | | `Cmd+Alt+S` | Boolean çıkar |
|
| `Cmd+Alt+U` | Boolean birleştir | | `Cmd+Alt+S` | Boolean çıkar |
|
||||||
| `Cmd+Alt+I` | Boolean kesiştir | | | |
|
| `Cmd+Alt+I` | Boolean kesiştir | | `Cmd+Shift+S` | Farklı Kaydet |
|
||||||
|
|
||||||
## Betikler
|
## Betikler
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ Katkılarınızı bekliyoruz! Mimari ayrıntılar ve kod stili için [CLAUDE.md]
|
||||||
- [x] CLI aracı (`op`) terminal kontrolü
|
- [x] CLI aracı (`op`) terminal kontrolü
|
||||||
- [x] Çoklu sağlayıcı destekli yerleşik AI ajan SDK'sı
|
- [x] Çoklu sağlayıcı destekli yerleşik AI ajan SDK'sı
|
||||||
- [x] i18n — 15 dil
|
- [x] i18n — 15 dil
|
||||||
|
- [x] Git entegrasyonu (klonlama, dal, push/pull, klasör modu üç yönlü birleştirme)
|
||||||
|
- [x] Kanvas raster dışa aktarma (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Ortak düzenleme
|
- [ ] Ortak düzenleme
|
||||||
- [ ] Eklenti sistemi
|
- [ ] Eklenti sistemi
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ Katkılarınızı bekliyoruz! Mimari ayrıntılar ve kod stili için [CLAUDE.md]
|
||||||
OpenPencil ücretsiz ve açık kaynaklıdır. Geliştirme, onu faydalı bulanlar tarafından finanse ediliyor — tuvali açık tuttuğunuz için teşekkürler.
|
OpenPencil ücretsiz ve açık kaynaklıdır. Geliştirme, onu faydalı bulanlar tarafından finanse ediliyor — tuvali açık tuttuğunuz için teşekkürler.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
**[MrQyun](https://github.com/mrqyun)**'a teşekkürler — isminizi burada görmek ister misiniz? **[Sponsor ol →](https://github.com/sponsors/ZSeven-W)**
|
**[MrQyun](https://github.com/mrqyun)**'a teşekkürler — isminizi burada görmek ister misiniz? **[Sponsor ol →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
37
README.vi.md
37
README.vi.md
|
|
@ -246,6 +246,32 @@ Hỗ trợ ba phương thức nhập liệu: chuỗi inline, `@filepath` (đọc
|
||||||
- Hỗ trợ đa chủ đề — nhiều trục, mỗi trục có các biến thể (Sáng/Tối, Thu gọn/Thoải mái)
|
- Hỗ trợ đa chủ đề — nhiều trục, mỗi trục có các biến thể (Sáng/Tối, Thu gọn/Thoải mái)
|
||||||
- Hệ thống component — các component có thể tái sử dụng với instances và overrides
|
- Hệ thống component — các component có thể tái sử dụng với instances và overrides
|
||||||
- Đồng bộ CSS — thuộc tính tùy chỉnh tự động tạo, `var(--name)` trong đầu ra mã
|
- Đồng bộ CSS — thuộc tính tùy chỉnh tự động tạo, `var(--name)` trong đầu ra mã
|
||||||
|
- UIKits có thể tái sử dụng — nhập/xuất các kit component từ tệp `.pen`
|
||||||
|
|
||||||
|
**AI và Tác nhân**
|
||||||
|
|
||||||
|
- Prompt-to-canvas với tạo streaming và phân rã không gian theo orchestrator
|
||||||
|
- Đội tác nhân song song — nhiều nhà thiết kế làm việc trên các phần khác nhau song song, với chỉ báo canvas theo từng thành viên
|
||||||
|
- Quy trình phân lớp — `design_skeleton` → `design_content` → `design_refine` với prompt tập trung cho từng giai đoạn
|
||||||
|
- Style Guides — hơn 50 style tích hợp (glassmorphism, brutalist, retro, v.v.) với khớp mờ dựa trên tag, tích hợp vào lập kế hoạch và tạo
|
||||||
|
- Hồ sơ năng lực đa mô hình — tự động điều chỉnh chế độ tư duy, nỗ lực và hình thức prompt theo cấp mô hình
|
||||||
|
- Runtime tác nhân tích hợp (`agent-native`, Zig NAPI) + nhà cung cấp Anthropic, Claude Agent SDK, OpenCode, Codex, Copilot, Gemini
|
||||||
|
- Chuyển tiếp định dạng Anthropic cho các nhà cung cấp LLM Trung Quốc — Kimi, Zhipu, GLM, DouBao, Ark, Bailian/DashScope, ModelScope, Coding Plans
|
||||||
|
|
||||||
|
**Tích hợp Git**
|
||||||
|
|
||||||
|
- Wizard clone với xác thực SSH / HTTPS và quản lý khóa SSH
|
||||||
|
- Bộ chọn branch — tạo, chuyển, xóa, merge, tất cả từ bảng Git
|
||||||
|
- Pull / push theo tầng với thử lại xác thực và xử lý non-fast-forward
|
||||||
|
- Merge ba chiều chế độ thư mục với theo dõi trạng thái `MERGE_HEAD` trên đĩa
|
||||||
|
- Bảng xung đột với thẻ ba chiều theo từng node / field, trình chỉnh sửa JSON nội tuyến, hành động hàng loạt và khối diff nội tuyến
|
||||||
|
- Giao diện cài đặt remote và khóa SSH; i18n 15 ngôn ngữ trên toàn bộ bề mặt Git
|
||||||
|
|
||||||
|
**Xuất**
|
||||||
|
|
||||||
|
- Xuất canvas — PNG, JPEG, WEBP, PDF (`Cmd+Shift+P`)
|
||||||
|
- Xuất mã — React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
|
||||||
|
- Pipeline codegen MCP tăng dần — `codegen_plan`, `codegen_submit_chunk`, `codegen_assemble`, `codegen_clean`
|
||||||
|
|
||||||
**Nhập từ Figma**
|
**Nhập từ Figma**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ Hỗ trợ ba phương thức nhập liệu: chuỗi inline, `@filepath` (đọc
|
||||||
- macOS, Windows và Linux gốc qua Electron
|
- macOS, Windows và Linux gốc qua Electron
|
||||||
- Liên kết tệp `.op` — nhấp đúp để mở, khóa phiên bản đơn
|
- Liên kết tệp `.op` — nhấp đúp để mở, khóa phiên bản đơn
|
||||||
- Tự động cập nhật từ GitHub Releases
|
- Tự động cập nhật từ GitHub Releases
|
||||||
- Menu ứng dụng gốc và hộp thoại tệp
|
- Menu ứng dụng gốc với Lưu thành, Mở gần đây và hộp thoại thay đổi chưa lưu khi đóng
|
||||||
|
- Lưu danh sách tệp gần đây
|
||||||
|
|
||||||
## Công nghệ
|
## Công nghệ
|
||||||
|
|
||||||
|
|
@ -319,13 +346,13 @@ openpencil/
|
||||||
| `L` | Đường thẳng | | `Cmd+C/X/V/D` | Sao chép/Cắt/Dán/Nhân bản |
|
| `L` | Đường thẳng | | `Cmd+C/X/V/D` | Sao chép/Cắt/Dán/Nhân bản |
|
||||||
| `T` | Văn bản | | `Cmd+G` | Nhóm |
|
| `T` | Văn bản | | `Cmd+G` | Nhóm |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | Bỏ nhóm |
|
| `F` | Frame | | `Cmd+Shift+G` | Bỏ nhóm |
|
||||||
| `P` | Công cụ bút | | `Cmd+Shift+E` | Xuất |
|
| `P` | Công cụ bút | | `Cmd+Shift+P` | Xuất (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | Tay (pan) | | `Cmd+Shift+C` | Bảng mã |
|
| `H` | Tay (pan) | | `Cmd+Shift+C` | Bảng mã |
|
||||||
| `Del` | Xóa | | `Cmd+Shift+V` | Bảng biến |
|
| `Del` | Xóa | | `Cmd+Shift+V` | Bảng biến |
|
||||||
| `[ / ]` | Sắp xếp lại | | `Cmd+J` | AI chat |
|
| `[ / ]` | Sắp xếp lại | | `Cmd+J` | AI chat |
|
||||||
| Mũi tên | Dịch chuyển 1px | | `Cmd+,` | Cài đặt tác nhân |
|
| Mũi tên | Dịch chuyển 1px | | `Cmd+,` | Cài đặt tác nhân |
|
||||||
| `Cmd+Alt+U` | Hợp nhất Boolean | | `Cmd+Alt+S` | Trừ Boolean |
|
| `Cmd+Alt+U` | Hợp nhất Boolean | | `Cmd+Alt+S` | Trừ Boolean |
|
||||||
| `Cmd+Alt+I` | Giao nhau Boolean | | | |
|
| `Cmd+Alt+I` | Giao nhau Boolean | | `Cmd+Shift+S` | Lưu thành |
|
||||||
|
|
||||||
## Scripts
|
## Scripts
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ Chào mừng đóng góp! Xem [CLAUDE.md](./CLAUDE.md) để biết chi tiết v
|
||||||
- [x] Công cụ CLI (`op`) điều khiển từ terminal
|
- [x] Công cụ CLI (`op`) điều khiển từ terminal
|
||||||
- [x] SDK tác nhân AI tích hợp sẵn với hỗ trợ đa nhà cung cấp
|
- [x] SDK tác nhân AI tích hợp sẵn với hỗ trợ đa nhà cung cấp
|
||||||
- [x] i18n — 15 ngôn ngữ
|
- [x] i18n — 15 ngôn ngữ
|
||||||
|
- [x] Tích hợp Git (clone, branch, push/pull, merge ba chiều chế độ thư mục)
|
||||||
|
- [x] Xuất raster canvas (PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] Chỉnh sửa cộng tác
|
- [ ] Chỉnh sửa cộng tác
|
||||||
- [ ] Hệ thống plugin
|
- [ ] Hệ thống plugin
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ Chào mừng đóng góp! Xem [CLAUDE.md](./CLAUDE.md) để biết chi tiết v
|
||||||
OpenPencil miễn phí và mã nguồn mở. Việc phát triển được tài trợ bởi những người thấy nó hữu ích — cảm ơn bạn đã giữ cho canvas luôn mở.
|
OpenPencil miễn phí và mã nguồn mở. Việc phát triển được tài trợ bởi những người thấy nó hữu ích — cảm ơn bạn đã giữ cho canvas luôn mở.
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
Cảm ơn **[MrQyun](https://github.com/mrqyun)** — muốn tên mình xuất hiện ở đây? **[Trở thành nhà tài trợ →](https://github.com/sponsors/ZSeven-W)**
|
Cảm ơn **[MrQyun](https://github.com/mrqyun)** — muốn tên mình xuất hiện ở đây? **[Trở thành nhà tài trợ →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # 從 stdin 管道輸入
|
||||||
- 多主題支援 — 多個主題軸,每個軸有多個變體(亮色/暗色、緊湊/舒適)
|
- 多主題支援 — 多個主題軸,每個軸有多個變體(亮色/暗色、緊湊/舒適)
|
||||||
- 元件系統 — 可重複使用元件,支援實體和覆寫
|
- 元件系統 — 可重複使用元件,支援實體和覆寫
|
||||||
- CSS 同步 — 自動生成自訂屬性,程式碼輸出中使用 `var(--name)`
|
- CSS 同步 — 自動生成自訂屬性,程式碼輸出中使用 `var(--name)`
|
||||||
|
- 可重複使用 UIKit — 從 `.pen` 檔案匯入/匯出元件套件
|
||||||
|
|
||||||
|
**AI 與智能體**
|
||||||
|
|
||||||
|
- 提示詞轉畫布,支援串流生成與編排器驅動的空間分解
|
||||||
|
- 並發 Agent 團隊 — 多位設計師並行處理不同區塊,每位成員帶畫布指示器
|
||||||
|
- 分層工作流 — `design_skeleton` → `design_content` → `design_refine`,每個階段使用聚焦的提示詞
|
||||||
|
- 風格指南 — 50+ 內建風格(glassmorphism、brutalist、retro 等),支援基於標籤的模糊匹配,並接入規劃與生成流程
|
||||||
|
- 多模型能力設定檔 — 依模型層級自動適配思考模式、推理強度與提示詞形態
|
||||||
|
- 內建智能體執行環境(`agent-native`,Zig NAPI)+ Anthropic、Claude Agent SDK、OpenCode、Codex、Copilot、Gemini 提供商
|
||||||
|
- 中國大型語言模型 Anthropic 格式透傳 — Kimi、Zhipu、GLM、DouBao、Ark、Bailian/DashScope、ModelScope、Coding Plans
|
||||||
|
|
||||||
|
**Git 整合**
|
||||||
|
|
||||||
|
- 複製精靈,支援 SSH / HTTPS 認證與 SSH 金鑰管理
|
||||||
|
- 分支選擇器 — 建立、切換、刪除、合併,全部在 Git 面板中完成
|
||||||
|
- 拉取 / 推送級聯,支援認證重試與非快轉推送處理
|
||||||
|
- 資料夾模式三路合併,在磁碟上追蹤 `MERGE_HEAD` 狀態
|
||||||
|
- 衝突面板 — 提供逐節點 / 逐欄位三路卡片、內嵌 JSON 編輯器、批次操作與內嵌 diff 區塊
|
||||||
|
- 遠端設定與 SSH 金鑰介面;整個 Git 功能涵蓋 15 種語言的 i18n
|
||||||
|
|
||||||
|
**匯出**
|
||||||
|
|
||||||
|
- 畫布匯出 — PNG、JPEG、WEBP、PDF(`Cmd+Shift+P`)
|
||||||
|
- 程式碼匯出 — React + Tailwind、HTML + CSS、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose、React Native
|
||||||
|
- 增量 MCP 程式碼生成流水線 — `codegen_plan`、`codegen_submit_chunk`、`codegen_assemble`、`codegen_clean`
|
||||||
|
|
||||||
**Figma 匯入**
|
**Figma 匯入**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # 從 stdin 管道輸入
|
||||||
- 透過 Electron 支援原生 macOS、Windows 和 Linux
|
- 透過 Electron 支援原生 macOS、Windows 和 Linux
|
||||||
- `.op` 檔案關聯 — 雙擊即可開啟,支援單一實體鎖定
|
- `.op` 檔案關聯 — 雙擊即可開啟,支援單一實體鎖定
|
||||||
- 從 GitHub Releases 自動更新
|
- 從 GitHub Releases 自動更新
|
||||||
- 原生應用程式選單和檔案對話框
|
- 原生應用程式選單,支援另存新檔、開啟最近使用,以及關閉時的未儲存變更對話框
|
||||||
|
- 最近使用檔案持久化
|
||||||
|
|
||||||
## 技術堆疊
|
## 技術堆疊
|
||||||
|
|
||||||
|
|
@ -311,21 +338,21 @@ openpencil/
|
||||||
|
|
||||||
## 鍵盤快捷鍵
|
## 鍵盤快捷鍵
|
||||||
|
|
||||||
| 按鍵 | 操作 | | 按鍵 | 操作 |
|
| 按鍵 | 操作 | | 按鍵 | 操作 |
|
||||||
| ----------- | ------------ | --- | ------------- | ------------------- |
|
| ----------- | ------------ | --- | ------------- | ----------------------- |
|
||||||
| `V` | 選取 | | `Cmd+S` | 儲存 |
|
| `V` | 選取 | | `Cmd+S` | 儲存 |
|
||||||
| `R` | 矩形 | | `Cmd+Z` | 復原 |
|
| `R` | 矩形 | | `Cmd+Z` | 復原 |
|
||||||
| `O` | 橢圓 | | `Cmd+Shift+Z` | 重做 |
|
| `O` | 橢圓 | | `Cmd+Shift+Z` | 重做 |
|
||||||
| `L` | 直線 | | `Cmd+C/X/V/D` | 複製/剪下/貼上/重複 |
|
| `L` | 直線 | | `Cmd+C/X/V/D` | 複製/剪下/貼上/重複 |
|
||||||
| `T` | 文字 | | `Cmd+G` | 群組 |
|
| `T` | 文字 | | `Cmd+G` | 群組 |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | 解散群組 |
|
| `F` | Frame | | `Cmd+Shift+G` | 解散群組 |
|
||||||
| `P` | 鋼筆工具 | | `Cmd+Shift+E` | 匯出 |
|
| `P` | 鋼筆工具 | | `Cmd+Shift+P` | 匯出 (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | 手形(平移) | | `Cmd+Shift+C` | 程式碼面板 |
|
| `H` | 手形(平移) | | `Cmd+Shift+C` | 程式碼面板 |
|
||||||
| `Del` | 刪除 | | `Cmd+Shift+V` | 變數面板 |
|
| `Del` | 刪除 | | `Cmd+Shift+V` | 變數面板 |
|
||||||
| `[ / ]` | 調整圖層順序 | | `Cmd+J` | AI 聊天 |
|
| `[ / ]` | 調整圖層順序 | | `Cmd+J` | AI 聊天 |
|
||||||
| 方向鍵 | 微移 1px | | `Cmd+,` | 智能體設定 |
|
| 方向鍵 | 微移 1px | | `Cmd+,` | 智能體設定 |
|
||||||
| `Cmd+Alt+U` | 布林聯合 | | `Cmd+Alt+S` | 布林減去 |
|
| `Cmd+Alt+U` | 布林聯合 | | `Cmd+Alt+S` | 布林減去 |
|
||||||
| `Cmd+Alt+I` | 布林交集 | | | |
|
| `Cmd+Alt+I` | 布林交集 | | `Cmd+Shift+S` | 另存新檔 |
|
||||||
|
|
||||||
## 指令碼命令
|
## 指令碼命令
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # 編譯 CLI 到 dist
|
||||||
- [x] CLI 工具(`op`)終端控制
|
- [x] CLI 工具(`op`)終端控制
|
||||||
- [x] 內建 AI Agent SDK,支援多提供商
|
- [x] 內建 AI Agent SDK,支援多提供商
|
||||||
- [x] 國際化 — 15 種語言
|
- [x] 國際化 — 15 種語言
|
||||||
|
- [x] Git 整合(複製、分支、推送/拉取、資料夾模式三路合併)
|
||||||
|
- [x] 畫布點陣圖匯出(PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] 協同編輯
|
- [ ] 協同編輯
|
||||||
- [ ] 外掛程式系統
|
- [ ] 外掛程式系統
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # 編譯 CLI 到 dist
|
||||||
OpenPencil 免費且開源,開發完全由覺得它好用的人們贊助 —— 感謝你讓這塊畫布一直保持開放。
|
OpenPencil 免費且開源,開發完全由覺得它好用的人們贊助 —— 感謝你讓這塊畫布一直保持開放。
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
感謝 **[MrQyun](https://github.com/mrqyun)** —— 想把自己的名字也放在這裡?**[成為贊助者 →](https://github.com/sponsors/ZSeven-W)**
|
感謝 **[MrQyun](https://github.com/mrqyun)** —— 想把自己的名字也放在這裡?**[成為贊助者 →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
63
README.zh.md
63
README.zh.md
|
|
@ -246,6 +246,32 @@ cat design.dsl | op design - # 从 stdin 管道输入
|
||||||
- 多主题支持 — 多个主题轴,每个轴有多个变体(浅色/深色、紧凑/舒适)
|
- 多主题支持 — 多个主题轴,每个轴有多个变体(浅色/深色、紧凑/舒适)
|
||||||
- 组件系统 — 可复用组件,支持实例和覆盖
|
- 组件系统 — 可复用组件,支持实例和覆盖
|
||||||
- CSS 同步 — 自动生成自定义属性,代码输出中使用 `var(--name)`
|
- CSS 同步 — 自动生成自定义属性,代码输出中使用 `var(--name)`
|
||||||
|
- 可复用 UIKit — 从 `.pen` 文件导入/导出组件套件
|
||||||
|
|
||||||
|
**AI 与智能体**
|
||||||
|
|
||||||
|
- 提示词转画布,支持流式生成与编排器驱动的空间分解
|
||||||
|
- 并发 Agent 团队 — 多个设计师并行处理不同区块,每位成员带画布指示器
|
||||||
|
- 分层工作流 — `design_skeleton` → `design_content` → `design_refine`,每个阶段使用聚焦的提示词
|
||||||
|
- 风格指南 — 50+ 内置风格(glassmorphism、brutalist、retro 等),支持基于标签的模糊匹配,并接入规划与生成流程
|
||||||
|
- 多模型能力配置 — 按模型层级自动适配思考模式、推理强度与提示词形态
|
||||||
|
- 内置智能体运行时(`agent-native`,Zig NAPI)+ Anthropic、Claude Agent SDK、OpenCode、Codex、Copilot、Gemini 提供商
|
||||||
|
- 国产大模型 Anthropic 格式透传 — Kimi、Zhipu、GLM、DouBao、Ark、Bailian/DashScope、ModelScope、Coding Plans
|
||||||
|
|
||||||
|
**Git 集成**
|
||||||
|
|
||||||
|
- 克隆向导,支持 SSH / HTTPS 认证与 SSH 密钥管理
|
||||||
|
- 分支选择器 — 创建、切换、删除、合并,全部在 Git 面板中完成
|
||||||
|
- 拉取 / 推送级联,支持认证重试与非快进推送处理
|
||||||
|
- 文件夹模式三路合并,在磁盘上跟踪 `MERGE_HEAD` 状态
|
||||||
|
- 冲突面板 — 提供逐节点 / 逐字段三路卡片、内联 JSON 编辑器、批量操作与内联 diff 块
|
||||||
|
- 远程设置与 SSH 密钥界面;整个 Git 功能覆盖 15 种语言的 i18n
|
||||||
|
|
||||||
|
**导出**
|
||||||
|
|
||||||
|
- 画布导出 — PNG、JPEG、WEBP、PDF(`Cmd+Shift+P`)
|
||||||
|
- 代码导出 — React + Tailwind、HTML + CSS、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose、React Native
|
||||||
|
- 增量 MCP 代码生成流水线 — `codegen_plan`、`codegen_submit_chunk`、`codegen_assemble`、`codegen_clean`
|
||||||
|
|
||||||
**Figma 导入**
|
**Figma 导入**
|
||||||
|
|
||||||
|
|
@ -256,7 +282,8 @@ cat design.dsl | op design - # 从 stdin 管道输入
|
||||||
- 通过 Electron 支持原生 macOS、Windows 和 Linux
|
- 通过 Electron 支持原生 macOS、Windows 和 Linux
|
||||||
- `.op` 文件关联 — 双击即可打开,单实例锁定
|
- `.op` 文件关联 — 双击即可打开,单实例锁定
|
||||||
- 从 GitHub Releases 自动更新
|
- 从 GitHub Releases 自动更新
|
||||||
- 原生应用菜单和文件对话框
|
- 原生应用菜单,支持另存为、打开最近使用,以及关闭时的未保存更改对话框
|
||||||
|
- 最近使用文件持久化
|
||||||
|
|
||||||
## 技术栈
|
## 技术栈
|
||||||
|
|
||||||
|
|
@ -311,21 +338,21 @@ openpencil/
|
||||||
|
|
||||||
## 键盘快捷键
|
## 键盘快捷键
|
||||||
|
|
||||||
| 按键 | 操作 | | 按键 | 操作 |
|
| 按键 | 操作 | | 按键 | 操作 |
|
||||||
| ----------- | ------------ | --- | ------------- | ------------------- |
|
| ----------- | ------------ | --- | ------------- | ----------------------- |
|
||||||
| `V` | 选择 | | `Cmd+S` | 保存 |
|
| `V` | 选择 | | `Cmd+S` | 保存 |
|
||||||
| `R` | 矩形 | | `Cmd+Z` | 撤销 |
|
| `R` | 矩形 | | `Cmd+Z` | 撤销 |
|
||||||
| `O` | 椭圆 | | `Cmd+Shift+Z` | 重做 |
|
| `O` | 椭圆 | | `Cmd+Shift+Z` | 重做 |
|
||||||
| `L` | 直线 | | `Cmd+C/X/V/D` | 复制/剪切/粘贴/重复 |
|
| `L` | 直线 | | `Cmd+C/X/V/D` | 复制/剪切/粘贴/重复 |
|
||||||
| `T` | 文本 | | `Cmd+G` | 编组 |
|
| `T` | 文本 | | `Cmd+G` | 编组 |
|
||||||
| `F` | Frame | | `Cmd+Shift+G` | 取消编组 |
|
| `F` | Frame | | `Cmd+Shift+G` | 取消编组 |
|
||||||
| `P` | 钢笔工具 | | `Cmd+Shift+E` | 导出 |
|
| `P` | 钢笔工具 | | `Cmd+Shift+P` | 导出 (PNG/JPG/WEBP/PDF) |
|
||||||
| `H` | 手形(平移) | | `Cmd+Shift+C` | 代码面板 |
|
| `H` | 手形(平移) | | `Cmd+Shift+C` | 代码面板 |
|
||||||
| `Del` | 删除 | | `Cmd+Shift+V` | 变量面板 |
|
| `Del` | 删除 | | `Cmd+Shift+V` | 变量面板 |
|
||||||
| `[ / ]` | 调整层级顺序 | | `Cmd+J` | AI 聊天 |
|
| `[ / ]` | 调整层级顺序 | | `Cmd+J` | AI 聊天 |
|
||||||
| 方向键 | 微移 1px | | `Cmd+,` | 智能体设置 |
|
| 方向键 | 微移 1px | | `Cmd+,` | 智能体设置 |
|
||||||
| `Cmd+Alt+U` | 布尔联合 | | `Cmd+Alt+S` | 布尔减去 |
|
| `Cmd+Alt+U` | 布尔联合 | | `Cmd+Alt+S` | 布尔减去 |
|
||||||
| `Cmd+Alt+I` | 布尔交集 | | | |
|
| `Cmd+Alt+I` | 布尔交集 | | `Cmd+Shift+S` | 另存为 |
|
||||||
|
|
||||||
## 脚本命令
|
## 脚本命令
|
||||||
|
|
||||||
|
|
@ -366,6 +393,8 @@ bun run cli:compile # 编译 CLI 到 dist
|
||||||
- [x] CLI 工具(`op`)终端控制
|
- [x] CLI 工具(`op`)终端控制
|
||||||
- [x] 内置 AI Agent SDK,支持多提供商
|
- [x] 内置 AI Agent SDK,支持多提供商
|
||||||
- [x] 国际化 — 15 种语言
|
- [x] 国际化 — 15 种语言
|
||||||
|
- [x] Git 集成(克隆、分支、推送/拉取、文件夹模式三路合并)
|
||||||
|
- [x] 画布栅格导出(PNG / JPEG / WEBP / PDF)
|
||||||
- [ ] 协同编辑
|
- [ ] 协同编辑
|
||||||
- [ ] 插件系统
|
- [ ] 插件系统
|
||||||
|
|
||||||
|
|
@ -380,7 +409,7 @@ bun run cli:compile # 编译 CLI 到 dist
|
||||||
OpenPencil 免费开源,开发完全由觉得它好用的人们资助 —— 感谢你让这块画布一直保持开放。
|
OpenPencil 免费开源,开发完全由觉得它好用的人们资助 —— 感谢你让这块画布一直保持开放。
|
||||||
|
|
||||||
<a href="https://github.com/mrqyun" title="MrQyun">
|
<a href="https://github.com/mrqyun" title="MrQyun">
|
||||||
<img src="https://github.com/mrqyun.png" width="64" height="64" alt="MrQyun" style="border-radius: 50%" />
|
<img src="https://wsrv.nl/?url=github.com/mrqyun.png&w=128&h=128&mask=circle&maxage=7d" width="64" height="64" alt="MrQyun" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
感谢 **[MrQyun](https://github.com/mrqyun)** —— 想把自己的名字也放在这里?**[成为赞助者 →](https://github.com/sponsors/ZSeven-W)**
|
感谢 **[MrQyun](https://github.com/mrqyun)** —— 想把自己的名字也放在这里?**[成为赞助者 →](https://github.com/sponsors/ZSeven-W)**
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue