本文へ移動
cccskills
無料GitHub で公開

app

Guide for the Kimix web frontend (src/app/) — vanilla TypeScript + Vite, SSE-based chat UI mirroring sse_cli.py. Use when modifying the frontend, adding new UI features, changing the API client, or understanding the message rendering pipeline.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md1.4 KB
  • references/architecture.md13.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Kimix Web Frontend (src/app/)

Vanilla TypeScript + Vite chat UI mirroring sse_cli.py. Zero runtime deps; connects to the backend on port 4096 with poll-based SSE message streaming.

Key files: src/main.ts (glue/DOM/poll loop), src/client.ts (HTTP + SSE), src/types.ts (wire-format parsing), src/renderer.ts (message → HTML), src/styles.css (Catppuccin Mocha).

Commands:

cd src/app
npm run dev        # Vite dev server on port 5173
npm run build      # TypeScript check + production build → dist/
npm run preview    # Preview production build

Monorepo runner: uv run kimix gui (backend + Vite dev), --build, --fe-port 3000, --no-fe (backend only); uv run scripts/run_app.py delegates to kimix gui.

Adding a UI feature: backend endpoint (serve skill) → KimixClient method → index.html elements → wire in main.ts handleCommand() → optional new MessagePartType across types.ts/renderer.ts/styles.css.

Tests: cd src/app && npx tsx src/parse_test.ts (11 parse tests).

Full architecture, data flow, API client table, and styling details: read references/architecture.md.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

doc

無料

Guide for navigating and maintaining Kimix project documentation. Use when: (1) user asks about the docs structure, (2) user wants to add, update, or append content to project documents.

日本語の概要は準備中です。原文の説明を表示しています。

Sikao-Engine/KimiX1142026年10月11日 更新

kimix_api

無料

Guide for using KimiX API utilities covering kimix, kimix.utils, kimix.base, kimix.dag, kimix.network, kimix.server, kimix.parser, kimix.cot, kimix.retrieval, kimix.summarize, and kimi_agent_sdk.

日本語の概要は準備中です。原文の説明を表示しています。

Sikao-Engine/KimiX1142026年10月11日 更新

Guide for Kimix opencode-style HTTP server (FastAPI + SSE), including route definitions, builtin endpoints, and app.post usage.

日本語の概要は準備中です。原文の説明を表示しています。

Sikao-Engine/KimiX1142026年10月11日 更新

serve

無料

Guide for the Kimix HTTP serve system — FastAPI backend + TypeScript/Vite frontend. Use when adding new backend endpoints, modifying the session manager, changing the frontend API client, or understanding how data flows from backend to UI. Covers dummy_app.py, dummy_session_manager.py, sse_cli.py, and src/app/.

日本語の概要は準備中です。原文の説明を表示しています。

Sikao-Engine/KimiX1142026年10月11日 更新

Guide for creating effective skills. Use when users want to create or update a skill that extends agent's capabilities.

日本語の概要は準備中です。原文の説明を表示しています。

Sikao-Engine/KimiX1142026年10月11日 更新

tool

無料

Guide for creating tools using CallableTool2 and Params pattern, plus YAML agent registration

日本語の概要は準備中です。原文の説明を表示しています。

Sikao-Engine/KimiX1142026年10月11日 更新

Sikao-Engine のスキルをすべて見る

このスキルの問題を報告する