diff --git a/README.md b/README.md index 60350be..2aa84eb 100644 --- a/README.md +++ b/README.md @@ -42,12 +42,30 @@ MCP/Skills management, and integrated Git/file/terminal workflows. - Unified multi-agent workspace in the same project - Local session ingestion with structured rendering - Parallel development with built-in `git worktree` flows +- **Project Boot** — visually scaffold new projects with live preview - MCP management (local scan + registry search/install) - Skills management (global and project scope) - Git remote account management (GitHub and other Git servers) - Web service mode — access Codeg from any browser for remote work - Integrated engineering loop (file tree, diff, git changes, commit, terminal) +## Project Boot + +Create new projects visually with a split-pane interface: configure on the left, preview in real time on the right. + +![Project Boot Light](./docs/images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](./docs/images/project-boot-dark.png#gh-dark-mode-only) + +### What it does + +- **Visual Configuration** — pick style, color theme, icon library, font, border radius, and more from dropdowns; the preview iframe updates instantly +- **Live Preview** — see your chosen look & feel rendered in real time before creating anything +- **One-Click Scaffolding** — hit "Create Project" and the launcher runs `shadcn init` with your preset, framework template (Next.js / Vite / React Router / Astro / Laravel), and package manager of choice (pnpm / npm / yarn / bun) +- **Package Manager Detection** — automatically checks which package managers are installed and shows their versions +- **Seamless Integration** — the newly created project opens in Codeg's workspace right away + +Currently supports **shadcn/ui** project scaffolding, with a tab-based design ready for more project types in the future. + ## Supported Scope ### 1) Session Ingestion (historical sessions) diff --git a/docs/images/project-boot-dark.png b/docs/images/project-boot-dark.png new file mode 100644 index 0000000..fe643f3 Binary files /dev/null and b/docs/images/project-boot-dark.png differ diff --git a/docs/images/project-boot-light.png b/docs/images/project-boot-light.png new file mode 100644 index 0000000..d76efa6 Binary files /dev/null and b/docs/images/project-boot-light.png differ diff --git a/docs/readme/README.ar.md b/docs/readme/README.ar.md index e8ea934..a2ad17d 100644 --- a/docs/readme/README.ar.md +++ b/docs/readme/README.ar.md @@ -41,12 +41,30 @@ OpenClaw، وغيرها) في تطبيق سطح مكتب وخدمة ويب — - مساحة عمل موحّدة متعددة الوكلاء في نفس المشروع - استيعاب محلي للجلسات مع عرض منظّم - تطوير متوازي مع تدفقات `git worktree` مدمجة +- **مُنشئ المشروع** — إنشاء مشاريع جديدة بصريًا مع معاينة حية - إدارة MCP (فحص محلي + بحث/تثبيت من السجل) - إدارة Skills (نطاق عام ونطاق المشروع) - إدارة حسابات Git البعيدة (GitHub وخوادم Git الأخرى) - وضع خدمة الويب — الوصول إلى Codeg من أي متصفح للعمل عن بُعد - حلقة هندسية متكاملة (شجرة الملفات، الفروقات، تغييرات git، الإيداع، الطرفية) +## مُنشئ المشروع + +أنشئ مشاريع جديدة بصريًا من خلال واجهة مقسّمة: التكوين على اليسار، والمعاينة الحية على اليمين. + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### الميزات + +- **تكوين بصري** — اختر النمط وسمة الألوان ومكتبة الأيقونات والخط ونصف قطر الحدود والمزيد من القوائم المنسدلة؛ تتحدث المعاينة فورًا +- **معاينة حية** — شاهد المظهر الذي اخترته مُصيَّرًا في الوقت الفعلي قبل إنشاء أي شيء +- **إنشاء بنقرة واحدة** — اضغط "إنشاء مشروع" ويقوم المُشغّل بتنفيذ `shadcn init` مع إعداداتك المسبقة وقالب الإطار (Next.js / Vite / React Router / Astro / Laravel) ومدير الحزم (pnpm / npm / yarn / bun) +- **اكتشاف مدير الحزم** — يتحقق تلقائيًا من مديري الحزم المثبتين ويعرض إصداراتهم +- **تكامل سلس** — يُفتح المشروع المُنشأ حديثًا مباشرة في مساحة عمل Codeg + +يدعم حاليًا إنشاء مشاريع **shadcn/ui**، مع تصميم قائم على علامات التبويب جاهز لدعم المزيد من أنواع المشاريع في المستقبل. + ## النطاق المدعوم ### 1) استيعاب الجلسات (الجلسات التاريخية) diff --git a/docs/readme/README.de.md b/docs/readme/README.de.md index bd488d4..7e92b45 100644 --- a/docs/readme/README.de.md +++ b/docs/readme/README.de.md @@ -43,12 +43,30 @@ Git/Datei/Terminal-Workflows. - Einheitlicher Multi-Agent-Workspace im selben Projekt - Lokale Sitzungserfassung mit strukturierter Darstellung - Parallele Entwicklung mit integrierten `git worktree`-Abläufen +- **Projekt-Starter** — neue Projekte visuell erstellen mit Live-Vorschau - MCP-Verwaltung (lokaler Scan + Registry-Suche/Installation) - Skills-Verwaltung (global und projektbezogen) - Git-Remote-Kontoverwaltung (GitHub und andere Git-Server) - Webdienst-Modus — Zugriff auf Codeg über jeden Browser für Remote-Arbeit - Integrierter Engineering-Kreislauf (Dateibaum, Diff, Git-Änderungen, Commit, Terminal) +## Projekt-Starter + +Erstellen Sie neue Projekte visuell mit einer geteilten Oberfläche: links konfigurieren, rechts in Echtzeit Vorschau anzeigen. + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### Funktionen + +- **Visuelle Konfiguration** — Stil, Farbthema, Icon-Bibliothek, Schrift, Rahmenradius und mehr über Dropdowns auswählen; die Vorschau aktualisiert sich sofort +- **Live-Vorschau** — das gewählte Look & Feel wird in Echtzeit gerendert, bevor etwas erstellt wird +- **Ein-Klick-Erstellung** — klicken Sie auf „Projekt erstellen" und der Launcher führt `shadcn init` mit Ihrem Preset, Framework-Template (Next.js / Vite / React Router / Astro / Laravel) und Paketmanager (pnpm / npm / yarn / bun) aus +- **Paketmanager-Erkennung** — prüft automatisch, welche Paketmanager installiert sind und zeigt ihre Versionen an +- **Nahtlose Integration** — das neu erstellte Projekt wird sofort im Codeg-Workspace geöffnet + +Unterstützt derzeit **shadcn/ui**-Projekt-Scaffolding, mit einem Tab-basierten Design für zukünftige Projekttypen. + ## Unterstützter Umfang ### 1) Sitzungserfassung (historische Sitzungen) diff --git a/docs/readme/README.es.md b/docs/readme/README.es.md index a1b15fd..0d3c414 100644 --- a/docs/readme/README.es.md +++ b/docs/readme/README.es.md @@ -43,12 +43,30 @@ flujos integrados de Git/archivos/terminal. - Espacio de trabajo unificado para múltiples agentes en el mismo proyecto - Ingesta local de sesiones con renderizado estructurado - Desarrollo paralelo con flujos integrados de `git worktree` +- **Inicio de Proyecto** — crea nuevos proyectos visualmente con vista previa en tiempo real - Gestión de MCP (escaneo local + búsqueda/instalación desde registro) - Gestión de Skills (ámbito global y por proyecto) - Gestión de cuentas remotas de Git (GitHub y otros servidores Git) - Modo de servicio web — accede a Codeg desde cualquier navegador para trabajo remoto - Ciclo de ingeniería integrado (árbol de archivos, diff, cambios git, commit, terminal) +## Inicio de Proyecto + +Crea nuevos proyectos visualmente con una interfaz de panel dividido: configura a la izquierda, vista previa en tiempo real a la derecha. + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### Qué ofrece + +- **Configuración visual** — selecciona estilo, tema de color, biblioteca de iconos, fuente, radio de borde y más desde menús desplegables; la vista previa se actualiza instantáneamente +- **Vista previa en vivo** — visualiza el aspecto elegido renderizado en tiempo real antes de crear nada +- **Creación con un clic** — presiona "Crear proyecto" y el launcher ejecuta `shadcn init` con tu preset, plantilla de framework (Next.js / Vite / React Router / Astro / Laravel) y gestor de paquetes (pnpm / npm / yarn / bun) +- **Detección de gestores de paquetes** — verifica automáticamente qué gestores están instalados y muestra sus versiones +- **Integración fluida** — el proyecto recién creado se abre directamente en el workspace de Codeg + +Actualmente soporta scaffolding de proyectos **shadcn/ui**, con un diseño basado en pestañas preparado para más tipos de proyectos en el futuro. + ## Alcance soportado ### 1) Ingesta de sesiones (sesiones históricas) diff --git a/docs/readme/README.fr.md b/docs/readme/README.fr.md index 97a30f8..c695299 100644 --- a/docs/readme/README.fr.md +++ b/docs/readme/README.fr.md @@ -41,12 +41,30 @@ parallèle via `git worktree`, gestion MCP/Skills et workflows intégrés Git/fi - Workspace multi-agents unifié dans le même projet - Ingestion locale des sessions avec rendu structuré - Développement parallèle avec flux `git worktree` intégré +- **Lanceur de projet** — créez visuellement de nouveaux projets avec aperçu en temps réel - Gestion MCP (scan local + recherche/installation depuis le registre) - Gestion des Skills (portée globale et projet) - Gestion des comptes distants Git (GitHub et autres serveurs Git) - Mode service web — accédez à Codeg depuis n'importe quel navigateur pour le travail à distance - Boucle d'ingénierie intégrée (arborescence de fichiers, diff, changements git, commit, terminal) +## Lanceur de projet + +Créez visuellement de nouveaux projets avec une interface à panneaux divisés : configuration à gauche, aperçu en temps réel à droite. + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### Fonctionnalités + +- **Configuration visuelle** — sélectionnez le style, le thème de couleur, la bibliothèque d'icônes, la police, le rayon de bordure et plus dans les menus déroulants ; l'aperçu se met à jour instantanément +- **Aperçu en direct** — visualisez le rendu de votre configuration en temps réel avant de créer quoi que ce soit +- **Création en un clic** — cliquez sur « Créer un projet » et le launcher exécute `shadcn init` avec votre preset, le template de framework (Next.js / Vite / React Router / Astro / Laravel) et le gestionnaire de paquets (pnpm / npm / yarn / bun) +- **Détection des gestionnaires de paquets** — vérifie automatiquement quels gestionnaires sont installés et affiche leurs versions +- **Intégration transparente** — le projet nouvellement créé s'ouvre directement dans l'espace de travail Codeg + +Prend actuellement en charge le scaffolding de projets **shadcn/ui**, avec un design à onglets prêt pour d'autres types de projets à l'avenir. + ## Périmètre pris en charge ### 1) Ingestion de sessions (sessions historiques) diff --git a/docs/readme/README.ja.md b/docs/readme/README.ja.md index 3f4af20..e34af71 100644 --- a/docs/readme/README.ja.md +++ b/docs/readme/README.ja.md @@ -41,12 +41,30 @@ Git/ファイル/ターミナル連携ワークフローを提供します。 - 同一プロジェクトでのマルチ Agent 統合ワークスペース - ローカルセッションの取り込みと構造化レンダリング - 内蔵 `git worktree` フローによる並列開発 +- **プロジェクトブート** — ビジュアル設定とライブプレビューで新規プロジェクトを作成 - MCP 管理（ローカルスキャン + レジストリ検索/インストール） - Skills 管理（グローバルおよびプロジェクトスコープ） - Git リモートアカウント管理（GitHub およびその他の Git サーバー） - Web サービスモード — ブラウザから Codeg にアクセスでき、リモートワークに対応 - 統合エンジニアリングループ（ファイルツリー、Diff、Git 変更、コミット、ターミナル） +## プロジェクトブート + +分割ペインインターフェースで新規プロジェクトをビジュアルに作成：左側で設定、右側でリアルタイムプレビュー。 + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### 主な機能 + +- **ビジュアル設定** — ドロップダウンからスタイル、カラーテーマ、アイコンライブラリ、フォント、角丸などを選択でき、プレビューが即座に更新 +- **ライブプレビュー** — プロジェクト作成前に、選んだルック＆フィールをリアルタイムで確認 +- **ワンクリック作成** — 「プロジェクト作成」をクリックすると、プリセット設定、フレームワークテンプレート（Next.js / Vite / React Router / Astro / Laravel）、パッケージマネージャー（pnpm / npm / yarn / bun）で `shadcn init` を実行 +- **パッケージマネージャー検出** — インストール済みのパッケージマネージャーを自動検出し、バージョンを表示 +- **シームレスな統合** — 新規作成されたプロジェクトは、すぐに Codeg のワークスペースで開きます + +現在 **shadcn/ui** プロジェクトのスキャフォールディングをサポートしており、タブベースの設計で将来のプロジェクトタイプ追加に対応しています。 + ## 対応範囲 ### 1) セッション取り込み（履歴セッション） diff --git a/docs/readme/README.ko.md b/docs/readme/README.ko.md index 5fc5c86..60db1ad 100644 --- a/docs/readme/README.ko.md +++ b/docs/readme/README.ko.md @@ -41,12 +41,30 @@ Git/파일/터미널 통합 워크플로를 제공합니다. - 동일 프로젝트에서 멀티 Agent 통합 워크스페이스 - 로컬 세션 수집 및 구조화 렌더링 - 내장 `git worktree` 플로를 통한 병렬 개발 +- **프로젝트 부트** — 시각적 설정과 실시간 미리보기로 새 프로젝트 생성 - MCP 관리 (로컬 스캔 + 레지스트리 검색/설치) - Skills 관리 (글로벌 및 프로젝트 범위) - Git 원격 계정 관리 (GitHub 및 기타 Git 서버) - Web 서비스 모드 — 브라우저에서 Codeg에 접속하여 원격 작업 가능 - 통합 엔지니어링 루프 (파일 트리, Diff, Git 변경사항, 커밋, 터미널) +## 프로젝트 부트 + +분할 패널 인터페이스로 새 프로젝트를 시각적으로 생성: 왼쪽에서 설정, 오른쪽에서 실시간 미리보기. + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### 주요 기능 + +- **시각적 설정** — 드롭다운에서 스타일, 색상 테마, 아이콘 라이브러리, 글꼴, 테두리 반경 등을 선택하면 미리보기가 즉시 업데이트 +- **실시간 미리보기** — 프로젝트 생성 전에 선택한 룩앤필을 실시간으로 확인 +- **원클릭 생성** — "프로젝트 생성"을 클릭하면 프리셋 설정, 프레임워크 템플릿(Next.js / Vite / React Router / Astro / Laravel), 패키지 매니저(pnpm / npm / yarn / bun)로 `shadcn init` 실행 +- **패키지 매니저 감지** — 설치된 패키지 매니저를 자동으로 감지하고 버전 표시 +- **원활한 통합** — 새로 생성된 프로젝트가 Codeg 워크스페이스에서 바로 열림 + +현재 **shadcn/ui** 프로젝트 스캐폴딩을 지원하며, 탭 기반 디자인으로 향후 더 많은 프로젝트 유형을 지원할 준비가 되어 있습니다. + ## 지원 범위 ### 1) 세션 수집 (히스토리 세션) diff --git a/docs/readme/README.pt.md b/docs/readme/README.pt.md index a035695..17a89e1 100644 --- a/docs/readme/README.pt.md +++ b/docs/readme/README.pt.md @@ -41,12 +41,30 @@ paralelo via `git worktree`, gerenciamento de MCP/Skills e fluxos integrados de - Workspace multi-agentes unificado no mesmo projeto - Ingestão local de sessões com renderização estruturada - Desenvolvimento paralelo com fluxos `git worktree` integrados +- **Inicializador de Projeto** — crie novos projetos visualmente com pré-visualização em tempo real - Gerenciamento de MCP (varredura local + busca/instalação no registro) - Gerenciamento de Skills (escopo global e por projeto) - Gerenciamento de contas remotas Git (GitHub e outros servidores Git) - Modo de serviço web — acesse o Codeg de qualquer navegador para trabalho remoto - Ciclo de engenharia integrado (árvore de arquivos, diff, alterações git, commit, terminal) +## Inicializador de Projeto + +Crie novos projetos visualmente com uma interface de painel dividido: configure à esquerda, pré-visualize em tempo real à direita. + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### O que oferece + +- **Configuração visual** — selecione estilo, tema de cores, biblioteca de ícones, fonte, raio de borda e mais nos menus suspensos; o iframe de pré-visualização atualiza instantaneamente +- **Pré-visualização ao vivo** — veja o visual escolhido renderizado em tempo real antes de criar qualquer coisa +- **Criação com um clique** — clique em "Criar Projeto" e o launcher executa `shadcn init` com seu preset, template de framework (Next.js / Vite / React Router / Astro / Laravel) e gerenciador de pacotes (pnpm / npm / yarn / bun) +- **Detecção de gerenciadores de pacotes** — verifica automaticamente quais gerenciadores estão instalados e exibe suas versões +- **Integração perfeita** — o projeto recém-criado abre diretamente no workspace do Codeg + +Atualmente suporta scaffolding de projetos **shadcn/ui**, com um design baseado em abas preparado para mais tipos de projetos no futuro. + ## Escopo suportado ### 1) Ingestão de sessões (sessões históricas) diff --git a/docs/readme/README.zh-CN.md b/docs/readme/README.zh-CN.md index 2367adb..86132f0 100644 --- a/docs/readme/README.zh-CN.md +++ b/docs/readme/README.zh-CN.md @@ -41,12 +41,30 @@ OpenClaw 等）统一到桌面应用与 Web 服务中——通过浏览器即可 - 同一项目中的多 Agent 统一工作台 - 本地会话解析与结构化渲染 - 内置 `git worktree` 并行开发流程 +- **项目启动器** — 可视化创建新项目，实时预览效果 - MCP 管理（本地扫描 + 市场搜索/安装） - Skills 管理（全局与项目级） - Git 远程账号管理（支持 GitHub 及其它 Git 服务器） - Web 服务模式 — 开启后可在浏览器中访问 Codeg，支持远程工作 - 集成工程闭环（文件树、Diff、Git 变更、提交、终端） +## 项目启动器 + +可视化创建新项目：左侧配置面板，右侧实时预览。 + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### 功能特性 + +- **可视化配置** — 从下拉菜单中选择样式、颜色主题、图标库、字体、圆角等，预览面板即时更新 +- **实时预览** — 在创建项目前，实时查看所选样式的渲染效果 +- **一键创建** — 点击"创建项目"，启动器将使用您的预设配置、框架模板（Next.js / Vite / React Router / Astro / Laravel）和包管理器（pnpm / npm / yarn / bun）执行 `shadcn init` +- **包管理器检测** — 自动检测已安装的包管理器并显示版本号 +- **无缝集成** — 新创建的项目会立即在 Codeg 工作台中打开 + +目前支持 **shadcn/ui** 项目脚手架，选项卡式设计为未来支持更多项目类型做好了准备。 + ## 支持范围 ### 1) 会话解析（历史会话） diff --git a/docs/readme/README.zh-TW.md b/docs/readme/README.zh-TW.md index 554ff23..523f43b 100644 --- a/docs/readme/README.zh-TW.md +++ b/docs/readme/README.zh-TW.md @@ -41,12 +41,30 @@ OpenClaw 等）整合到桌面應用與 Web 服務中——透過瀏覽器即可 - 同一專案中的多 Agent 統一工作台 - 本地會話解析與結構化渲染 - 內建 `git worktree` 並行開發流程 +- **專案啟動器** — 視覺化建立新專案，即時預覽效果 - MCP 管理（本地掃描 + 市場搜尋/安裝） - Skills 管理（全域與專案級） - Git 遠端帳號管理（支援 GitHub 及其他 Git 伺服器） - Web 服務模式 — 開啟後可在瀏覽器中存取 Codeg，支援遠端工作 - 整合工程閉環（檔案樹、Diff、Git 變更、提交、終端） +## 專案啟動器 + +視覺化建立新專案：左側設定面板，右側即時預覽。 + +![Project Boot Light](../images/project-boot-light.png#gh-light-mode-only) +![Project Boot Dark](../images/project-boot-dark.png#gh-dark-mode-only) + +### 功能特色 + +- **視覺化設定** — 從下拉選單中選擇樣式、色彩主題、圖示庫、字型、圓角等，預覽面板即時更新 +- **即時預覽** — 在建立專案前，即時檢視所選樣式的渲染效果 +- **一鍵建立** — 點擊「建立專案」，啟動器將使用您的預設設定、框架範本（Next.js / Vite / React Router / Astro / Laravel）和套件管理器（pnpm / npm / yarn / bun）執行 `shadcn init` +- **套件管理器偵測** — 自動偵測已安裝的套件管理器並顯示版本號 +- **無縫整合** — 新建立的專案會立即在 Codeg 工作台中開啟 + +目前支援 **shadcn/ui** 專案腳手架，分頁式設計為未來支援更多專案類型做好了準備。 + ## 支援範圍 ### 1) 會話解析（歷史會話）