본문으로 건너뛰기
cccskills
무료GitHub에 공개

build-with-univer

Build applications with Univer Office SDK, covering the Web SDK (browser Office editors, headless Sheets and Docs in Node), 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.md6.8 KB
  • agents/openai.yaml304 B
  • references/ai-sdk.md7.9 KB
  • references/avoid.md2.8 KB
  • references/binding-sdk.md12.2 KB
  • references/server-sdk.md14.6 KB
  • references/versions-and-license.md5.4 KB
  • references/web-sdk.md14.7 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
Generate or modify Sheet or Doc data, or calculate formulas in Node.jsHeadless Web SDK@univerjs/* without editor UIreferences/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. Running in Node does not by itself select Server SDK or AI SDK: use Headless Web SDK for document processing, Server SDK for collaboration/storage or Office import/export, and AI SDK for agent tools.

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). Choose the runtime before assembling plugins: browser editors need UI; headless Node processes document data without an editor UI. Follow each product's runtime guide rather than assuming Node support. For new Web SDK integrations, default to plugin mode; preserve existing presets or an explicit request for them. 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. Run headless examples in plain Node. Before declaring a feature unsupported or adding a workaround, check the runtime's installed packages, plugin registrations and Facade imports, then verify the native API. A Facade method can exist without its feature plugin.
  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

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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/skills782026년 10월 14일 업데이트

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/skills782026년 10월 14일 업데이트

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/skills782026년 10월 14일 업데이트

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/skills782026년 10월 14일 업데이트

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/skills782026년 10월 14일 업데이트

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/skills782026년 10월 14일 업데이트

dream-num의 스킬 모두 보기

이 스킬의 문제 신고