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

build-with-univer

Build applications with Univer Office SDK, covering the Web SDK (embedded Sheets, Docs, Slides, Boards, Bases and PDFs editors), Server SDK (self-hosted OT collaboration, storage, auth, Office import/export), AI SDK (agent-operated Office CLIs, reviewable Worktrees), and Binding SDK (plain HTML pages bound to live Sheet data). Use when starting or designing any Univer-based app or choosing Univer packages, including when the user describes a spreadsheet, document, collaboration, or AI-office need without naming a Univer package.

インストール方法を見る

含まれるファイル(8)

  • SKILL.md5.9 KB
  • agents/openai.yaml304 B
  • references/ai-sdk.md7.5 KB
  • references/avoid.md2.8 KB
  • references/binding-sdk.md12.2 KB
  • references/server-sdk.md12.7 KB
  • references/versions-and-license.md5.4 KB
  • references/web-sdk.md8.0 KB

SKILL.md(原文)

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

Build with Univer

Univer Office SDK is a family of npm packages, not a single library. Pick the SDK by what you are building, then follow its example repository where one exists. Do not guess APIs from memory: Univer changes quickly and older material is widely mis-remembered.

Pick the SDK

You are buildingSDKPackagesStart from
An embedded spreadsheet, document, or slide editor in a web appWeb SDK@univerjs/*, @univerjs-pro/*references/web-sdk.md
Real-time multi-user editing with your own auth and storageServer SDK + Web SDK client@univerjs-pro/collaboration-*references/server-sdk.md, quick-start example
Server-side Office import/export (xlsx, docx, pptx)Server SDK@univerjs-pro/exchange-nodereferences/server-sdk.md, exchange example
Your own CLI or tool that lets agents read and edit Office contentAI SDK@univer-cli/*references/ai-sdk.md, 01-content-operations example
A plain HTML/CSS/JS page showing or editing live Sheet cellsBinding SDK@univerjs-labs/*references/binding-sdk.md (installed packages' docs)

Real products often combine them. A collaborative editor is Web SDK in the browser plus Server SDK behind it. An HTML dashboard over shared data is Binding SDK on top of a Server SDK backend.

The four SDKs

  • Web SDK is the engine. It runs in the browser or headless in Node and covers six products: Sheets and Docs (open source), Slides, Boards, Bases and PDFs (Pro). Presets are the fast path for Sheets and Docs; every other product uses plugin mode. All programmatic control goes through the Facade API.
  • Server SDK is a set of Node.js packages you assemble inside your own backend: transport, endpoint, service and a database adapter, with an OT collaboration engine and history, comment and Worktree services. Your application owns users, permissions, storage and deployment.
  • AI SDK builds Office CLIs for agents. Your app owns the Commander program and its commands; the SDK supplies headless runtimes, content inspection and execution, offline Facade API search, rendering and layout lint, and Worktree-based review.
  • Binding SDK connects ordinary HTML pages to Sheet data with data-univer-* attributes. Pages render in a sandboxed iframe connected to a host, and need a Server SDK collaboration backend.

Working principles

  1. Read the target project first: framework, package manager, and the installed @univerjs/*, @univerjs-pro/* and @univer-cli/* versions. Preserve what is installed unless asked to upgrade.
  2. For anything new, read in this order and then implement: the relevant docs page, the matching example repository in full (where the SDK has one), then the README of each package you import. Never invent APIs; if an export is not in the installed declarations or the docs, it does not exist. Clone example repositories into a git-ignored directory inside the project (for example .ref/) and remove it before you finish. If a repository is not reachable, the installed packages' README.md and docs/ are the reference.
  3. Pick versions at build time, not from memory: check the project's lockfile, then npm dist-tags. Keep every package in one release group on the same exact version. See references/versions-and-license.md, which also covers the @univerjs-labs registry and license wiring.
  4. Copy an example's wiring rather than recombining packages from scratch. Then replace its demo shortcuts (fixed user, always-allow authorization, in-memory storage) with real ones.
  5. Verify in proportion to the change: build, run, and for collaboration open two independent browser contexts.
  6. A missing license never blocks a proof of concept. Everything still runs; Pro surfaces show watermarks or restrict some operations. Build first, add the license when one is available.
  7. Check references/avoid.md before recommending anything from older docs, blog posts or your own memory: superseded servers, packages and API names are listed there.

Docs for agents

  • https://docs.univer.ai/llms.txt is the index; llms-full.txt is the full bundle.
  • Every docs page has a Markdown twin: append .md to the URL.
  • Section indexes: /guides/llms.txt (Web SDK), /server/llms.txt, /ai/llms.txt, /reference/llms.txt.
  • https://docs.univer.ai/server/architecture.md is the canonical page for choosing entry points.

Topics beyond the first build

Look these up in the docs instead of guessing. Every URL has a Markdown twin (append .md).

TopicWhere
Facade API for a producthttps://docs.univer.ai/guides/<product>/getting-started/facade
Pro products, advanced formula engine, permissions/guides/sheets/features/advanced-formula, /guides/sheets/features/core/permission
Custom UI components, plugins, commands/guides/sheets/ui/components and the package reference at /reference/llms.txt
Themes and dark mode/guides/fundamentals/ui/themes
Web Workers, i18n, headless Node/guides/sheets/getting-started/{worker,i18n,node}
Server-side collaboration and Office import/export/server/llms.txt
Agent-operated Office content/ai/llms.txt

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Use when installing or operating Univer CLI for .univer files, spreadsheets, documents, slides, Base databases, Board canvases, cross-Unit embedding, worktrees, Facade authoring, inspection, verification, import/export, screenshots, or viewer handoff.

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

dream-num/skills772026年10月12日 更新

Customize Univer color themes, branded palettes, dark mode, and theme-aware plugin styles across Sheets, Docs, Slides, Bases, Boards, and PDFs. Use when setting an initial or runtime Theme, consuming ThemeService or --univer-* CSS variables, keeping custom UI or canvas code theme-aware, registering a separate Univer Pro chart theme, or migrating theme code from Univer 0.25.0 to current 1.0 source.

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

dream-num/skills772026年10月12日 更新

Integrate Univer Sheets, Docs, or Slides into React, Vue 3, HTML, or Node.js projects. Use when embedding Univer, choosing preset or plugin mode, initializing instances, configuring themes/locales/workers, or manipulating workbooks, worksheets, ranges, formulas, permissions, and events through the Facade API.

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

dream-num/skills772026年10月12日 更新

Run Univer Sheets, Docs, Slides, Bases, Boards, or PDFs in Node.js without browser UI. Use for server-side or backend Univer, OSS Sheets or Docs Node presets, Pro product Facades and collaboration, JSON snapshot processing, formula or Base child-process workers, or automated unit manipulation with @univerjs/rpc-node.

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

dream-num/skills772026年10月12日 更新

Develop custom plugins for Univer sheets, docs, slides, bases, boards, and PDFs. Use when implementing a Plugin lifecycle, dependency injection, commands/mutations/operations, undo/redo, Facade extensions or custom events, toolbar/context-menu items, shortcuts, icons, popups, or when diagnosing plugin API and registration errors.

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

dream-num/skills772026年10月12日 更新

Integrate current Univer Pro features into browser applications. Use for licensed Sheets, Docs, Slides, Bases, Boards, or PDFs; advanced Sheets presets; collaboration and edit history; Office import/export; printing; pivot tables; charts; sparklines; shapes; Pro workers; license ordering; or Pro Facade APIs.

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

dream-num/skills772026年10月12日 更新

dream-num のスキルをすべて見る

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