Open source plugin

Make ideas visibleMake details clear

Yugoo Design turns your agent app into an interactive workbench for ideation and design. It pairs agent skills with editable Design Panels and works with you like an expert consultant—spotting gaps, weighing options and helping you shape solutions that fit your needs.

Paper-collage diagram: ideas enter an Agent, a person edits a shared UI panel, feedback guides the Agent loop, and connected documents become lasting results.

Works in your agent app · Your models, conversations and tools

FROM VIBE TO INTENT

How can AI work better with you? You need to understand, think and express your intent

Vibe coding and working can produce results fast. But how do you stay meaningfully involved, rather than just wait for a surprise at the end?

DESIGNED FOR HUMAN–AI COLLABORATION

Core capabilities

Explore ideas and work through choices with AI. Your judgment shapes shared results you can return to and keep improving together.

Interactive Skill Bundles · The right form for each kind of information

Bundles pair professional skills with UI interactions suited to the information and task. These interfaces can be defined declaratively or generated by AI through A2UI, helping you understand complex information, think through choices and express your intent.

Proactive guidance · Your goals and gaps guide the next step

A Kit brings together domain methods and related Bundles. AI uses those methods to help clarify needs and weigh options. As your thinking develops, it identifies gaps and suggests next steps based on your goal, the current work and your feedback.

Information linking & automatic review · KAG & GRA · From parts to a whole

The knowledge graph (KAG) connects outputs and sources, helping you see how different parts relate. Automatic review (GRA) flags potential inconsistencies, questionable information and unclear intent, so you can judge what needs attention.

Turn ideas into lasting projects · Organized outputs and traceable changes

Keep your ideas, outputs and supporting material together in a design project. Organize files and track versions, so you can revisit earlier decisions and pick up the same project across conversations.

Capability illustration

Create your own Kit & Bundle

Bring your field’s methods and ways of thinking into Yugoo.

For example, create a Kit for workshop planning.

START WITH YUGOO

Where would you like to begin?

Start with an example

See how Web App Kit helps you shape an idea into a coherent app design.

View the walkthrough

Bring your existing work

Reopen a Yugoo project, or reconstruct a design from your documents, screenshots or code.

See what you can bring

Create a Kit or Bundle

Adapt a Bundle, or combine Bundles and domain methods into a Kit for your field.

Follow the tutorial

Install in your agent app

FAQ

DeepSeek Harness

Copy this prompt into DeepSeek Harness to install the package, connect the host and verify activation.

Install or update Yugoo Design for DeepSeek Harness in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect DeepSeek Harness
Use pnpm exec yugoo-design install --host dsh, supplying the options required by this version's help.

Discover the current official Harness profile and its native Node, CLI and Loader. Prepare --dsh-config, --profile and --receipt-dir from the installed package's DSH instructions; obtain the paths and pins yourself. Install the native Yugoo modules into that existing profile. In Harness's Plugins UI, enable the installed modules and follow its normal restart flow if needed. Verify the loaded module versions and a real Design tool call in the intended conversation.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-deepseek-harness

Codex Desktop

Copy this prompt into Codex Desktop to install the package, connect the host and verify activation.

Install or update Yugoo Design for Codex Desktop in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect Codex Desktop
Use pnpm exec yugoo-design install --host codex-desktop, supplying the options required by this version's help.

Prepare --destination inside my user home and an external --receipt-dir, following this version's help. Use the returned personal plugin directory and npm-backed source in Codex Desktop's native Plugins UI to install or update and enable Yugoo Design. Give me the exact UI location and generated path if I need to act. After any required normal restart, verify the loaded plugin, a real MCP tool call and the Panel entry in the intended conversation. Preparing the directory alone is not activation.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-codex-desktop

Codex CLI

Copy this prompt into Codex CLI to install the package, connect the host and verify activation.

Install or update Yugoo Design for Codex CLI in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect Codex CLI
Use pnpm exec yugoo-design install --host codex, supplying the options required by this version's help.

Discover the actual Codex CLI and compatible Node, and prepare --receipt-dir plus any --codex-executable required by this version. Complete persistent native registration. Start a normal Codex conversation in the intended workspace, confirm the installed yugoo Skill, make a real MCP tool call and check the Panel entry. Keep the registered npm runtime; a temporary --plugin-dir launch is not the installation route.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-codex-cli

Claude Code CLI

Copy this prompt into Claude Code CLI to install the package, connect the host and verify activation.

Install or update Yugoo Design for Claude Code CLI in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect Claude Code CLI
Use pnpm exec yugoo-design install --host claude-code, supplying the options required by this version's help.

Discover the current Claude executable and compatible Node, then supply --claude-executable and --receipt-dir as the installed help requires. Complete the native user-scope plugin installation. Open a normal Claude Code conversation, verify the /yugoo-design:yugoo entry and a real MCP tool call, then check the Panel entry. Retain existing settings and other plugins; do not stop after printing a temporary --plugin-dir command.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-claude-code-cli

Qoder CLI

Copy this prompt into Qoder CLI to install the package, connect the host and verify activation.

Install or update Yugoo Design for Qoder CLI in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect Qoder CLI
Use pnpm exec yugoo-design install --host qoder, supplying the options required by this version's help.

Discover qodercli and compatible Node, prepare --receipt-dir, and use --qoder-executable only when the actual executable needs to be specified. Complete native user-scope installation while preserving the current Qoder configuration. Separately run pnpm exec yugoo-design check-runtime --host qoder with this version's required options to check runtime readiness. In a normal new Qoder conversation, verify /yugoo-design:yugoo, a real MCP tool call and the Panel entry. Do not substitute a session-only --plugin-dir launch for persistent installation.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-qoder-cli

QwenWork

Copy this prompt into QwenWork to install the package, connect the host and verify activation.

Install or update Yugoo Design for QwenWork in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect QwenWork
Use pnpm exec yugoo-design install --host qwenwork, supplying the options required by this version's help.

Discover the real QwenWork runtime and prepare --qwenwork-runtime, --destination and --suite-version using the installed README and help. Import the generated suite with the host's available native tools. If manual import is needed, use Extensions → Expert Kits → Add → Upload suite and select the returned suite archive. Separately verify the design-system MCP connector. Reuse a working one; if needed, use Extensions → Connectors → Add → Paste JSON with the generated connector configuration, and keep only one design-system connector enabled. Confirm the loaded suite and a real tool call in the current conversation, or in a new QwenWork task if activation requires it.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-qwenwork

WorkBuddy

Copy this prompt into WorkBuddy to install the package, connect the host and verify activation.

Install or update Yugoo Design for WorkBuddy in two steps: acquire the npm package, then connect and activate it in this host.

1. Acquire the package
Prepare compatible Node and pnpm if needed. Use my requested version, or resolve npm latest once to an exact stable version; if latest is a prerelease, explain and stop. Reuse a matching install or run pnpm add --save-exact yugoo-design@<resolved-version> in a dedicated installation directory, filling in the actual version and verifying integrity. Preserve projects, settings and receipts.
In that directory, read node_modules/yugoo-design/README.md and run pnpm exec yugoo-design --help. Follow the acquired version's instructions for any version-specific issue. You obtain the required paths and values; do not ask me to write paths or hashes.

2. Connect WorkBuddy
Use pnpm exec yugoo-design install --host workbuddy, supplying the options required by this version's help.

Prepare an external stable marketplace directory with --destination and --suite-version. Import the directory returned as nativeImport.market through Skills → Skill Market → Suites → + (Add Marketplace), or this version's equivalent controls, then install and enable Yugoo Design. For an update, reuse the same marketplace path and --previous-receipt; Refresh the market, confirm the new suite version, then Update the plugin. Do not import it as a QwenWork suite or add QwenWork runtime options. Open a new native conversation if required, then verify the loaded plugin, a real MCP tool call and the Panel entry.

Verify the acquired package version separately from the version actually loaded by the host, and report any incomplete activation. You may open an existing project's Panel to check the entry. Do not automatically create a design project or run GRA. Give me the working yugoo entry and one copyable request to start my first project with Web App Kit.

Optional reference, only if the installed README, help and native output do not resolve a specific issue: https://github.com/alibaba-damo-academy/yugoo-design/blob/main/packages/companion/HOSTS.md#install-or-update-workbuddy

Made with AI, not just by it.

Choose your host