Skip to content
cccskills
FreePublished on 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.

The English summary is being prepared. Showing the original description.

See how to install

Files included (2)

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

SKILL.md (original)

Review the instructions the agent will receive before you install.

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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

doc

Free

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.

The English summary is being prepared. Showing the original description.

Sikao-Engine/KimiX114Updated Oct 20, 2026

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.

The English summary is being prepared. Showing the original description.

Sikao-Engine/KimiX114Updated Oct 20, 2026

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

The English summary is being prepared. Showing the original description.

Sikao-Engine/KimiX114Updated Oct 20, 2026

serve

Free

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/.

The English summary is being prepared. Showing the original description.

Sikao-Engine/KimiX114Updated Oct 20, 2026

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

The English summary is being prepared. Showing the original description.

Sikao-Engine/KimiX114Updated Oct 20, 2026

tool

Free

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

The English summary is being prepared. Showing the original description.

Sikao-Engine/KimiX114Updated Oct 20, 2026

See all skills by Sikao-Engine

Report a problem with this skill