Naiyuan Qing 37d66260e8 feat(skills): rebuild skill detail page around Overview/Files tabs (MUL-5443) (#6100)
* feat(skills): rebuild skill detail page around Overview/Files tabs (MUL-5443)

The skill detail page was the only detail surface that skipped the shared
detail-page shape: no identity header, no tabs, and a hard three-column
split (w-56 tree / editor / w-72 sidebar). Name and description appeared
three times — the editor header, the metadata sidebar, and the SKILL.md
frontmatter card — and the 900-character trigger descriptions agents match
on were edited through a two-row textarea.

Rebuild it on the agent detail page's structure: identity block, underline
tabs synced to `?view=`, and the agent second-level nav rail reused for the
file list (main file / supporting files), so nothing new is invented.

- Overview owns the properties (name, description, labels) plus who uses
  the skill and the permission note. Description gets a field sized for the
  data and a character count.
- Files pairs the rail with the editor and a Preview / Plain text control.
  That mode now lives on the page: it used to sit in FileViewer, which the
  per-path `key` remounted, so every file switch snapped back to preview.
- Frontmatter is stripped from the preview — the properties above are the
  same two fields.
- The save bar is page-level and always mounted while editable, so it
  covers edits from either tab and committing one never shifts the layout.
- No Settings tab: UpdateSkillRequest carries only name / description /
  content / config / files, and edit rights are derived with no writable
  counterpart, so it would hold a delete button and a read-only sentence.
  Delete stays in the header, matching Archive on the agent page.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>

* fix(ui): keep page-level action bars out from under the chat launcher

The chat launcher is mounted by the dashboard layout, so it overlays the
bottom-right corner of every workspace page. Nothing had accounted for that:
the skill detail page's Save button and the agent creation studio's footer
both run to that corner, and both sat underneath it.

The launcher's geometry moves to tokens and the button reads its size and
inset from them, so the space it claims is derived rather than measured off a
screenshot. A `pe-chat-launcher` utility applies that reserve; page-level bars
that reach the corner add the class. Naming it keeps the intent legible at
each site, makes every yielding surface findable by one search, and means a
launcher that moves or resizes carries its clearance along.

Only these two bars need it. The batch-action toolbars float centred, dialog
footers are centred and above the launcher, and the composer bars sit inside
their editors — none of them reach that corner.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

* refactor(skills): stop the skill header restating what the Overview tab edits

The header carried a 48px mark, the name at text-xl, the description over two
lines, and a meta row — around 150px above a page whose only verbs are edit,
add and delete. Name and description then appeared a second time on the
Overview tab, as fields you can actually change. Every visit paid for a
read-only restatement of the next screenful.

It is one line now: mark, name, and the counts that say what the skill is made
of — origin, files, agents using it, last update. All four are absent from the
Overview tab, so none of them is a repeat. The description is dropped; the
list this page is reached from already carries it for anyone deciding whether
to open it.

Adds ExpandableDescription for the descriptions that stay in a header, since
neither detail page clamped and a long one pushed the meta row and tab strip
down the page. The agent header uses it; its taller form is left alone, as
bringing it across is a separate change to a page this branch does not
otherwise touch.

Also hides the Labels row while agent- and skill-scoped labels are behind
their release flag. ResourceLabelPicker renders nothing with the flag off —
the server gates the routes on the same flag — so the row was a label above an
empty field, reading as broken rather than absent. The flag check is exported
as a hook so callers can decide whether to lay out a row at all.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

* fix(skills): put the skill detail page's remaining sizes on the type scale

#6108's guard flags five font sizes this page still sets outside the scale:
three Tailwind defaults left by the merge and two `text-[10px]` picker
headings that predate the scale. Mapped to their role-named steps — the
identity strip's title to text-title, section headings to text-title-sm, and
the arbitrary 10px to text-micro, the step the scale provides for overline
labels.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

* feat(skills): rename and delete files from the tree itself

Deleting a file meant selecting it, then finding a Trash button in the editor's
top-right toolbar — nowhere near the row being deleted, and invisible until
something was open. Renaming did not exist at all: the only way to change a
path was to delete the file and retype its contents.

Both live on the row now, reachable by right-click or by a trailing button that
appears on hover, the two entry points opening one menu rather than a
context-menu root beside a dropdown root. Renaming happens in the row, where
the name is read and the neighbouring paths stay visible to compare against.
Validation stays with the caller, so the tree carries no second opinion on what
a legal path is. Delete takes the path it acted on, so it no longer removes
whichever file happens to be open; the toolbar button keeps working unchanged.

Rows offer nothing to read-only viewers, and nothing on SKILL.md, which maps to
skill.Content and which the server drops from the files list.

The path validator gains two rules the rename path made reachable. Directories
here are inferred from slashes rather than stored, so naming a file after an
existing folder — or nesting one under an existing file — makes buildTree merge
it into that node: the file saves and then cannot be seen. Both directions are
refused now, for adds as well as renames.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
2026-07-30 11:38:17 +08:00

Multica — humans and agents, side by side

Multica

Multica

Your next 10 hires won't be human.

The open-source managed agents platform.
Turn coding agents into real teammates — assign tasks, track progress, compound skills.

CI GitHub stars Discord

Website · Docs · Discord · X · Self-Hosting · Contributing

English | 简体中文

What is Multica?

Multica turns coding agents into real teammates. Assign issues to an agent like you'd assign to a colleague — they'll pick up the work, write code, report blockers, and update statuses autonomously.

No more copy-pasting prompts. No more babysitting runs. Your agents show up on the board, participate in conversations, and compound reusable skills over time. Think of it as open-source infrastructure for managed agents — vendor-neutral, self-hosted, and designed for human + AI teams. Works with Claude Code, Codex, CodeBuddy, GitHub Copilot CLI, OpenCode, OpenClaw, Hermes, Pi, Cursor Agent, Kimi, Kiro CLI, Antigravity, Qoder CLI, and Trae CLI.

For larger teams, Squads add a stable routing layer: assign work to a group led by an agent, and the leader delegates to the right member.

Multica board view

Why "Multica"?

Multica — Multiplexed Information and Computing Agent.

The name is a nod to Multics, the pioneering operating system of the 1960s that introduced time-sharing — letting multiple users share a single machine as if each had it to themselves. Unix was born as a deliberate simplification of Multics: one user, one task, one elegant philosophy.

We think the same inflection is happening again. For decades, software teams have been single-threaded — one engineer, one task, one context switch at a time. AI agents change that equation. Multica brings time-sharing back, but for an era where the "users" multiplexing the system are both humans and autonomous agents.

In Multica, agents are first-class teammates. They get assigned issues, report progress, raise blockers, and ship code — just like their human colleagues. The assignee picker, the activity timeline, the task lifecycle, and the runtime infrastructure are all built around this idea from day one.

Like Multics before it, the bet is on multiplexing: a small team shouldn't feel small. With the right system, two engineers and a fleet of agents can move like twenty.

Features

Multica manages the full agent lifecycle: from task assignment to execution monitoring to skill reuse.

  • Agents as Teammates — assign to an agent like you'd assign to a colleague. They have profiles, show up on the board, post comments, create issues, and report blockers proactively.
  • Squads — group agents (and humans) under a leader agent and assign work to the squad. The leader decides who should pick it up, so routing stays stable as the team grows. @FrontendTeam instead of @alice-or-bob-or-carol.
  • Autonomous Execution — set it and forget it. Full task lifecycle management (enqueue, claim, start, complete/fail) with real-time progress streaming via WebSocket.
  • Autopilots — schedule recurring work for agents. Cron triggers, webhooks, or manual runs — each autopilot creates the issue and routes it to an agent automatically, so daily standups, weekly reports, and periodic audits run themselves.
  • Reusable Skills — every solution becomes a reusable skill for the whole team. Deployments, migrations, code reviews — skills compound your team's capabilities over time.
  • Unified Runtimes — one dashboard for all your compute. Local daemons and cloud runtimes, auto-detection of available CLIs, real-time monitoring.
  • Multi-Workspace — organize work across teams with workspace-level isolation. Each workspace has its own agents, issues, and settings.

Quick Install

macOS / Linux
brew install multica-ai/tap/multica

Use brew upgrade multica-ai/tap/multica to keep the CLI current.

Install script

curl -fsSL https://raw.githubusercontent.com/multica-ai/multica/main/scripts/install.sh | bash

Use this if Homebrew is not available. The script installs the Multica CLI on macOS and Linux by using Homebrew when it is on PATH, otherwise it downloads the binary directly.

Then configure, authenticate, and start the daemon in one command:

multica setup          # Connect to Multica Cloud, log in, start daemon

Self-hosting? Add --with-server to deploy a full Multica server on your machine:

curl -fsSL https://raw.githubusercontent.com/multica-ai/multica/main/scripts/install.sh | bash -s -- --with-server
multica setup self-host

This pulls the official Multica images from GHCR (latest stable by default). Requires Docker. See the Self-Hosting Guide for details. If the selected GHCR tag has not been published yet, fall back to make selfhost-build from a checkout.

Windows (PowerShell)

PowerShell

irm https://raw.githubusercontent.com/multica-ai/multica/main/scripts/install.ps1 | iex

Then configure, authenticate, and start the daemon in one command:

multica setup          # Connect to Multica Cloud, log in, start daemon

Self-hosting? Set the MULTICA_MODE environment variable to with-server before running the installer to deploy a full Multica server on your machine:

$env:MULTICA_MODE="with-server"; irm https://raw.githubusercontent.com/multica-ai/multica/main/scripts/install.ps1 | iex
multica setup self-host

This pulls the official Multica images from GHCR (latest stable by default). Requires Docker. See the Self-Hosting Guide for details.


Getting Started

1. Set up and start the daemon

multica setup           # Configure, authenticate, and start the daemon

The daemon runs in the background and auto-detects agent CLIs (claude, codex, codebuddy, copilot, opencode, openclaw, hermes, pi, cursor-agent, kimi, kiro-cli, agy, qodercli, traecli) on your PATH.

2. Verify your runtime

Open your workspace in the Multica web app. Navigate to Settings → Runtimes — you should see your machine listed as an active Runtime.

What is a Runtime? A Runtime is a compute environment that can execute agent tasks. It can be your local machine (via the daemon) or a cloud instance. Each runtime reports which agent CLIs are available, so Multica knows where to route work.

3. Create an agent

Go to Settings → Agents and click New Agent. Pick the runtime you just connected and choose a provider (Claude Code, Codex, CodeBuddy, GitHub Copilot CLI, OpenCode, OpenClaw, Hermes, Pi, Cursor Agent, Kimi, Kiro CLI, Antigravity, Qoder CLI, or Trae CLI). Give your agent a name — this is how it will appear on the board, in comments, and in assignments.

4. Assign your first task

Create an issue from the board (or via multica issue create), then assign it to your new agent. The agent will automatically pick up the task, execute it on your runtime, and report progress — just like a human teammate.


CLI

The multica CLI connects your local machine to Multica — authenticate, manage workspaces, and run the agent daemon.

Command Description
multica login Authenticate (opens browser)
multica daemon start Start the local agent runtime
multica daemon status Check daemon status
multica setup One-command setup for Multica Cloud (configure + login + start daemon)
multica setup self-host Same, but for self-hosted deployments
multica workspace list List your workspaces (current is marked with *)
multica workspace switch <id|slug> Switch the default workspace for this profile
multica issue list List issues in your workspace
multica issue create Create a new issue
multica update Update to the latest version

See the CLI and Daemon Guide for the full command reference.


Architecture

┌──────────────┐     ┌──────────────┐     ┌──────────────────┐
│   Next.js    │────>│  Go Backend  │────>│   PostgreSQL     │
│   Frontend   │<────│  (Chi + WS)  │<────│   (pgvector)     │
└──────────────┘     └──────┬───────┘     └──────────────────┘
                            │
                     ┌──────┴───────┐
                     │ Agent Daemon │  runs on your machine
                     └──────────────┘  (Claude Code, Codex, CodeBuddy, GitHub Copilot CLI,
                                        OpenCode, OpenClaw, Hermes, Pi, Cursor Agent,
                                        Kimi, Kiro CLI, Antigravity, Qoder CLI, Trae CLI)
Layer Stack
Frontend Next.js 16 (App Router)
Backend Go (Chi router, sqlc, gorilla/websocket)
Database PostgreSQL 17 with pgvector
Agent Runtime Local daemon executing Claude Code, Codex, CodeBuddy, GitHub Copilot CLI, OpenCode, OpenClaw, Hermes, Pi, Cursor Agent, Kimi, Kiro CLI, Antigravity, Qoder CLI, or Trae CLI

Development

For contributors working on the Multica codebase, see the Contributing Guide.

Prerequisites: Node.js v20+, pnpm v10.28+, Go v1.26+, Docker

make dev

make dev auto-detects your environment (main checkout or worktree), creates the env file, installs dependencies, sets up the database, runs migrations, and starts all services.

See CONTRIBUTING.md for the full development workflow, worktree support, testing, and troubleshooting.

An iOS mobile client lives in apps/mobile/ — see its README for how to build it onto your own iPhone.

Description
No description provided
Readme Apache-2.0 408 MiB
Languages
Go 50.2%
TypeScript 43.9%
MDX 4.5%
PLpgSQL 0.4%
CSS 0.4%
Other 0.6%