diff --git a/apps/app/src/app/bundles/skill-org-publish.ts b/apps/app/src/app/bundles/skill-org-publish.ts
new file mode 100644
index 000000000..d25cd2155
--- /dev/null
+++ b/apps/app/src/app/bundles/skill-org-publish.ts
@@ -0,0 +1,50 @@
+import { createDenClient, readDenSettings, writeDenSettings } from "../lib/den";
+
+export async function saveInstalledSkillToOpenWorkOrg(input: {
+  skillText: string;
+  skillHubId?: string | null;
+}): Promise<{ skillId: string; orgId: string; orgName: string }> {
+  const settings = readDenSettings();
+  const token = settings.authToken?.trim() ?? "";
+  if (!token) {
+    throw new Error("Sign in to OpenWork Cloud in Settings to share with your team.");
+  }
+
+  const cloudClient = createDenClient({ baseUrl: settings.baseUrl, token });
+  let orgId = settings.activeOrgId?.trim() ?? "";
+  let orgSlug = settings.activeOrgSlug?.trim() ?? "";
+  let orgName = settings.activeOrgName?.trim() ?? "";
+
+  if (!orgSlug || !orgName || !orgId) {
+    const response = await cloudClient.listOrgs();
+    const match = orgId
+      ? response.orgs.find((org) => org.id === orgId)
+      : response.orgs.find((org) => org.slug === orgSlug) ?? response.orgs[0];
+    if (!match) {
+      throw new Error("Choose an organization in Settings -> Cloud before sharing with your team.");
+    }
+    orgId = match.id;
+    orgSlug = match.slug;
+    orgName = match.name;
+    writeDenSettings({
+      ...settings,
+      baseUrl: settings.baseUrl,
+      authToken: token,
+      activeOrgId: orgId,
+      activeOrgSlug: orgSlug,
+      activeOrgName: orgName,
+    });
+  }
+
+  const created = await cloudClient.createOrgSkill(orgId, {
+    skillText: input.skillText,
+    shared: "org",
+  });
+
+  const hubId = input.skillHubId?.trim() ?? "";
+  if (hubId) {
+    await cloudClient.addOrgSkillToHub(orgId, hubId, created.id);
+  }
+
+  return { skillId: created.id, orgId, orgName };
+}
diff --git a/apps/app/src/app/components/select-menu.tsx b/apps/app/src/app/components/select-menu.tsx
new file mode 100644
index 000000000..7e9e45ed8
--- /dev/null
+++ b/apps/app/src/app/components/select-menu.tsx
@@ -0,0 +1,116 @@
+import { For, Show, createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { Check, ChevronDown } from "lucide-solid";
+
+export type SelectMenuOption = {
+  value: string;
+  label: string;
+};
+
+type SelectMenuProps = {
+  options: SelectMenuOption[];
+  value: string;
+  onChange: (value: string) => void;
+  disabled?: boolean;
+  placeholder?: string;
+  id?: string;
+  /** For pairing with a visible `<label>` element */
+  ariaLabelledBy?: string;
+  /** When there is no visible label */
+  ariaLabel?: string;
+};
+
+const triggerClass =
+  "flex w-full items-center justify-between gap-2 rounded-xl border border-dls-border bg-dls-surface px-3.5 py-2.5 text-left text-[14px] text-dls-text shadow-none transition-[border-color,box-shadow] hover:border-dls-border focus:outline-none focus:ring-2 focus:ring-[rgba(var(--dls-accent-rgb),0.14)] disabled:cursor-not-allowed disabled:opacity-60";
+
+const panelClass =
+  "absolute left-0 right-0 top-[calc(100%+6px)] z-[100] max-h-56 overflow-auto rounded-xl border border-dls-border bg-dls-surface py-1 shadow-[var(--dls-shell-shadow)]";
+
+const optionRowClass =
+  "flex w-full items-center gap-2 px-3 py-2.5 text-left text-[13px] text-dls-text transition-colors hover:bg-dls-hover";
+
+export default function SelectMenu(props: SelectMenuProps) {
+  const [open, setOpen] = createSignal(false);
+  let rootEl: HTMLDivElement | undefined;
+
+  const displayLabel = createMemo(() => {
+    const match = props.options.find((o) => o.value === props.value);
+    if (match) return match.label;
+    return props.placeholder?.trim() || "";
+  });
+
+  const close = () => setOpen(false);
+
+  createEffect(() => {
+    if (!open()) return;
+    const onPointerDown = (event: PointerEvent) => {
+      const target = event.target as Node | null;
+      if (rootEl && target && !rootEl.contains(target)) {
+        close();
+      }
+    };
+    window.addEventListener("pointerdown", onPointerDown, true);
+    onCleanup(() => window.removeEventListener("pointerdown", onPointerDown, true));
+  });
+
+  createEffect(() => {
+    if (!open()) return;
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    onCleanup(() => window.removeEventListener("keydown", onKeyDown));
+  });
+
+  return (
+    <div ref={(el) => (rootEl = el)} class="relative w-full">
+      <button
+        type="button"
+        id={props.id}
+        class={triggerClass}
+        disabled={props.disabled}
+        aria-expanded={open()}
+        aria-haspopup="listbox"
+        aria-labelledby={props.ariaLabelledBy}
+        aria-label={props.ariaLabel}
+        onClick={() => {
+          if (props.disabled) return;
+          setOpen((o) => !o);
+        }}
+      >
+        <span class="min-w-0 flex-1 truncate">{displayLabel()}</span>
+        <ChevronDown
+          size={18}
+          class={`shrink-0 text-dls-secondary transition-transform duration-200 ${open() ? "rotate-180" : ""}`}
+          aria-hidden
+        />
+      </button>
+
+      <Show when={open() && !props.disabled}>
+        <div class={panelClass} role="listbox">
+          <For each={props.options}>
+            {(opt) => (
+              <button
+                type="button"
+                role="option"
+                aria-selected={opt.value === props.value}
+                class={`${optionRowClass} ${opt.value === props.value ? "bg-dls-hover/80" : ""}`}
+                onClick={() => {
+                  props.onChange(opt.value);
+                  close();
+                }}
+              >
+                <span class="min-w-0 flex-1 truncate">{opt.label}</span>
+                <Show when={opt.value === props.value}>
+                  <Check size={16} class="shrink-0 text-[var(--dls-accent)]" aria-hidden />
+                </Show>
+              </button>
+            )}
+          </For>
+        </div>
+      </Show>
+    </div>
+  );
+}
diff --git a/apps/app/src/app/context/extensions.ts b/apps/app/src/app/context/extensions.ts
index 5950ce1f5..40703b537 100644
--- a/apps/app/src/app/context/extensions.ts
+++ b/apps/app/src/app/context/extensions.ts
@@ -4,7 +4,7 @@ import { applyEdits, modify } from "jsonc-parser";
 import { join } from "@tauri-apps/api/path";
 import { currentLocale, t } from "../../i18n";
 
-import type { Client, HubSkillCard, HubSkillRepo, PluginScope, ReloadReason, ReloadTrigger, SkillCard } from "../types";
+import type { Client, DenOrgSkillCard, HubSkillCard, HubSkillRepo, PluginScope, ReloadReason, ReloadTrigger, SkillCard } from "../types";
 import { addOpencodeCacheHint, isTauriRuntime } from "../utils";
 import skillCreatorTemplate from "../data/skill-creator.md?raw";
 import {
@@ -26,9 +26,47 @@ import {
   type OpencodeConfigFile,
 } from "../lib/tauri";
 import type { OpenworkHubRepo, OpenworkServerClient } from "../lib/openwork-server";
+import { createDenClient, fetchDenOrgSkillsCatalog, readDenSettings } from "../lib/den";
 import { createWorkspaceContextKey } from "./workspace-context";
 import type { OpenworkServerStore } from "../connections/openwork-server-store";
 
+
+const OPENCODE_SKILL_NAME_RE = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+
+function extractSkillBodyMarkdown(skillText: string): string {
+  const trimmed = skillText.trim();
+  if (!trimmed.startsWith("---")) return trimmed;
+  const rest = trimmed.slice(3);
+  const end = rest.indexOf("\n---");
+  if (end === -1) return trimmed;
+  return rest.slice(end + 4).replace(/^\s*\n?/, "");
+}
+
+function slugifyOpencodeSkillName(title: string): string {
+  let base = title
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+  if (!base) base = "skill";
+  if (base.length > 64) base = base.slice(0, 64).replace(/-+$/g, "");
+  if (!OPENCODE_SKILL_NAME_RE.test(base)) base = "skill";
+  return base;
+}
+
+function uniqueSkillInstallName(base: string, taken: Set<string>, stableSuffix: string): string {
+  const suffixSource = stableSuffix.replace(/[^a-z0-9]+/g, "").slice(-8) || "org";
+  let candidate = base;
+  if (!taken.has(candidate)) return candidate;
+  for (let n = 1; n < 50; n += 1) {
+    const extra = `${suffixSource}${n}`;
+    const trimmedBase = base.slice(0, Math.max(1, 64 - extra.length - 1));
+    candidate = `${trimmedBase}-${extra}`.replace(/^-+|-+$/g, "").slice(0, 64);
+    if (OPENCODE_SKILL_NAME_RE.test(candidate) && !taken.has(candidate)) return candidate;
+  }
+  return `skill-${suffixSource}`.slice(0, 64);
+}
+
 export type ExtensionsStore = ReturnType<typeof createExtensionsStore>;
 
 export function createExtensionsStore(options: {
@@ -60,10 +98,15 @@ export function createExtensionsStore(options: {
   const [skillsContextKey, setSkillsContextKey] = createSignal("");
   const [pluginsContextKey, setPluginsContextKey] = createSignal("");
   const [hubSkillsContextKey, setHubSkillsContextKey] = createSignal("");
+  const [cloudOrgSkillsContextKey, setCloudOrgSkillsContextKey] = createSignal("");
 
   const skillsStale = createMemo(() => skillsContextKey() !== workspaceContextKey());
   const pluginsStale = createMemo(() => pluginsContextKey() !== workspaceContextKey());
   const hubSkillsStale = createMemo(() => hubSkillsContextKey() !== workspaceContextKey());
+  const cloudOrgSkillsStale = createMemo(() => {
+    const orgId = readDenSettings().activeOrgId?.trim() ?? "";
+    return cloudOrgSkillsContextKey() !== `${workspaceContextKey()}::${orgId}`;
+  });
 
   const [skills, setSkills] = createSignal<SkillCard[]>([]);
   const [skillsStatus, setSkillsStatus] = createSignal<string | null>(null);
@@ -71,6 +114,9 @@ export function createExtensionsStore(options: {
   const [hubSkills, setHubSkills] = createSignal<HubSkillCard[]>([]);
   const [hubSkillsStatus, setHubSkillsStatus] = createSignal<string | null>(null);
 
+  const [cloudOrgSkills, setCloudOrgSkills] = createSignal<DenOrgSkillCard[]>([]);
+  const [cloudOrgSkillsStatus, setCloudOrgSkillsStatus] = createSignal<string | null>(null);
+
   const formatSkillPath = (location: string) => location.replace(/[/\\]SKILL\.md$/i, "");
 
   const DEFAULT_HUB_REPO: HubSkillRepo = {
@@ -132,8 +178,12 @@ export function createExtensionsStore(options: {
   let refreshHubSkillsAborted = false;
   let skillsLoaded = false;
   let hubSkillsLoaded = false;
+  let cloudOrgSkillsLoaded = false;
   let skillsRoot = "";
   let hubSkillsLoadKey = "";
+  let cloudOrgSkillsLoadKey = "";
+  let refreshCloudOrgSkillsInFlight = false;
+  let refreshCloudOrgSkillsAborted = false;
 
   const HUB_REPOS_STORAGE_KEY = "openwork.skills.hubRepos.v1";
 
@@ -318,6 +368,64 @@ export function createExtensionsStore(options: {
     }
   }
 
+  async function refreshCloudOrgSkills(optionsOverride?: { force?: boolean }) {
+    const root = options.selectedWorkspaceRoot().trim();
+    const wk = workspaceContextKey();
+    const settings = readDenSettings();
+    const token = settings.authToken?.trim() ?? "";
+    const orgId = settings.activeOrgId?.trim() ?? "";
+    const loadKey = `${wk}::${orgId}`;
+
+    if (!root) {
+      setCloudOrgSkills([]);
+      setCloudOrgSkillsStatus(null);
+      cloudOrgSkillsLoaded = true;
+      cloudOrgSkillsLoadKey = loadKey;
+      setCloudOrgSkillsContextKey(loadKey);
+      return;
+    }
+
+    if (loadKey !== cloudOrgSkillsLoadKey) {
+      cloudOrgSkillsLoaded = false;
+    }
+
+    if (!optionsOverride?.force && cloudOrgSkillsLoaded) return;
+    if (refreshCloudOrgSkillsInFlight) return;
+
+    refreshCloudOrgSkillsInFlight = true;
+    refreshCloudOrgSkillsAborted = false;
+
+    try {
+      setCloudOrgSkillsStatus(null);
+
+      if (!token || !orgId) {
+        setCloudOrgSkills([]);
+        setCloudOrgSkillsStatus(null);
+        cloudOrgSkillsLoaded = true;
+        cloudOrgSkillsLoadKey = loadKey;
+        setCloudOrgSkillsContextKey(loadKey);
+        return;
+      }
+
+      const client = createDenClient({ baseUrl: settings.baseUrl, token });
+      const catalog = await fetchDenOrgSkillsCatalog(client, orgId);
+      if (refreshCloudOrgSkillsAborted) return;
+      setCloudOrgSkills(catalog);
+      if (!catalog.length) {
+        setCloudOrgSkillsStatus(translate("skills.cloud_org_empty"));
+      }
+      cloudOrgSkillsLoaded = true;
+      cloudOrgSkillsLoadKey = loadKey;
+      setCloudOrgSkillsContextKey(loadKey);
+    } catch (e) {
+      if (refreshCloudOrgSkillsAborted) return;
+      setCloudOrgSkills([]);
+      setCloudOrgSkillsStatus(e instanceof Error ? e.message : translate("skills.cloud_org_load_failed"));
+    } finally {
+      refreshCloudOrgSkillsInFlight = false;
+    }
+  }
+
   async function installHubSkill(name: string): Promise<{ ok: boolean; message: string }> {
     const trimmed = name.trim();
     if (!trimmed) return { ok: false, message: "Skill name is required." };
@@ -372,6 +480,54 @@ export function createExtensionsStore(options: {
     }
   }
 
+  async function installCloudOrgSkill(skill: DenOrgSkillCard): Promise<{ ok: boolean; message: string }> {
+    const isRemoteWorkspace = options.workspaceType() === "remote";
+    const openworkClient = options.openworkServer.openworkServerClient();
+    const openworkWorkspaceId = options.runtimeWorkspaceId();
+    const openworkCapabilities = options.openworkServer.openworkServerCapabilities();
+    const canUseOpenworkServer =
+      options.openworkServer.openworkServerStatus() === "connected" &&
+      openworkClient &&
+      openworkWorkspaceId &&
+      openworkCapabilities?.skills?.write &&
+      typeof openworkClient.upsertSkill === "function";
+
+    if (!canUseOpenworkServer) {
+      if (isRemoteWorkspace) {
+        return { ok: false, message: translate("skills.cloud_install_need_server") };
+      }
+      return { ok: false, message: translate("skills.cloud_install_need_server") };
+    }
+
+    const installedNames = new Set(skills().map((s) => s.name));
+    const base = slugifyOpencodeSkillName(skill.title);
+    const installName = uniqueSkillInstallName(base, installedNames, skill.id);
+    const rawDesc = (skill.description?.trim() || skill.title).trim();
+    const description = rawDesc.slice(0, 1024) || skill.title.slice(0, 1024) || "Skill";
+    const body = extractSkillBodyMarkdown(skill.skillText);
+
+    options.setBusy(true);
+    options.setError(null);
+    setSkillsStatus(null);
+
+    try {
+      await openworkClient.upsertSkill(openworkWorkspaceId, {
+        name: installName,
+        content: body,
+        description,
+      });
+      await refreshSkills({ force: true });
+      await refreshCloudOrgSkills({ force: true });
+      return { ok: true, message: t("skills.cloud_installed", currentLocale(), { name: installName }) };
+    } catch (e) {
+      const message = e instanceof Error ? e.message : translate("skills.unknown_error");
+      options.setError(addOpencodeCacheHint(message));
+      return { ok: false, message };
+    } finally {
+      options.setBusy(false);
+    }
+  }
+
   const isPluginInstalledByName = (pluginName: string, aliases: string[] = []) =>
     isPluginInstalled(pluginList(), pluginName, aliases);
 
@@ -1278,6 +1434,7 @@ export function createExtensionsStore(options: {
     refreshSkillsAborted = true;
     refreshPluginsAborted = true;
     refreshHubSkillsAborted = true;
+    refreshCloudOrgSkillsAborted = true;
   }
 
   /**
@@ -1306,6 +1463,11 @@ export function createExtensionsStore(options: {
     void refreshHubSkills({ force: true });
   }
 
+  function ensureCloudOrgSkillsFresh() {
+    if (!cloudOrgSkillsStale()) return;
+    void refreshCloudOrgSkills({ force: true });
+  }
+
   // When workspace context changes, invalidate caches and refresh core
   // resources (skills + plugins) that are visible across many surfaces
   // (sidebar context panel, session view, dashboard panels).
@@ -1319,8 +1481,10 @@ export function createExtensionsStore(options: {
     // Reset in-memory cache flags so the next refresh actually fetches.
     skillsLoaded = false;
     hubSkillsLoaded = false;
+    cloudOrgSkillsLoaded = false;
     skillsRoot = "";
     hubSkillsLoadKey = "";
+    cloudOrgSkillsLoadKey = "";
 
     // Skip the very first run (empty key = no workspace selected yet).
     if (!key || key === "::::") return;
@@ -1330,11 +1494,20 @@ export function createExtensionsStore(options: {
     void refreshPlugins();
   });
 
+  if (typeof window !== "undefined") {
+    window.addEventListener("openwork-den-session-updated", () => {
+      cloudOrgSkillsLoaded = false;
+      setCloudOrgSkillsContextKey("");
+    });
+  }
+
   return {
     skills,
     skillsStatus,
     hubSkills,
     hubSkillsStatus,
+    cloudOrgSkills,
+    cloudOrgSkillsStatus,
     hubRepo,
     hubRepos,
     pluginScope,
@@ -1352,6 +1525,7 @@ export function createExtensionsStore(options: {
     isPluginInstalledByName,
     refreshSkills,
     refreshHubSkills,
+    refreshCloudOrgSkills,
     setHubRepo,
     addHubRepo,
     removeHubRepo,
@@ -1361,6 +1535,7 @@ export function createExtensionsStore(options: {
     importLocalSkill,
     installSkillCreator,
     installHubSkill,
+    installCloudOrgSkill,
     revealSkillsFolder,
     uninstallSkill,
     readSkill,
@@ -1371,8 +1546,10 @@ export function createExtensionsStore(options: {
     skillsStale,
     pluginsStale,
     hubSkillsStale,
+    cloudOrgSkillsStale,
     ensureSkillsFresh,
     ensurePluginsFresh,
     ensureHubSkillsFresh,
+    ensureCloudOrgSkillsFresh,
   };
 }
diff --git a/apps/app/src/app/lib/den.ts b/apps/app/src/app/lib/den.ts
index d4f88038e..ecc2f078a 100644
--- a/apps/app/src/app/lib/den.ts
+++ b/apps/app/src/app/lib/den.ts
@@ -1,6 +1,7 @@
 import { fetch as tauriFetch } from "@tauri-apps/plugin-http";
 import { isDesktopDeployment } from "./openwork-deployment";
 import { isTauriRuntime } from "../utils";
+import type { DenOrgSkillCard } from "../types";
 
 const STORAGE_BASE_URL = "openwork.den.baseUrl";
 const STORAGE_API_BASE_URL = "openwork.den.apiBaseUrl";
@@ -503,6 +504,56 @@ function getTemplates(payload: unknown): DenTemplate[] {
     .filter((entry): entry is DenTemplate => entry !== null);
 }
 
+
+function parseDenOrgSkillRow(record: Record<string, unknown>, hubName: string | null): DenOrgSkillCard | null {
+  if (typeof record.id !== "string" || typeof record.title !== "string" || typeof record.skillText !== "string") {
+    return null;
+  }
+  const description = typeof record.description === "string" ? record.description : null;
+  const shared = record.shared === "org" || record.shared === "public" ? record.shared : null;
+  return {
+    id: record.id,
+    title: record.title,
+    description,
+    skillText: record.skillText,
+    hubName,
+    shared,
+  };
+}
+
+function getDenOrgSkillsFromPayload(payload: unknown): DenOrgSkillCard[] {
+  if (!isRecord(payload) || !Array.isArray(payload.skills)) {
+    return [];
+  }
+  return payload.skills
+    .map((entry) => (isRecord(entry) ? parseDenOrgSkillRow(entry, null) : null))
+    .filter((entry): entry is DenOrgSkillCard => entry !== null);
+}
+
+type DenOrgSkillHubParsed = { id: string; name: string; skills: DenOrgSkillCard[] };
+
+function parseOrgSkillHubEntry(hub: Record<string, unknown>): DenOrgSkillHubParsed | null {
+  const hubId = hub.id;
+  const hubName = hub.name;
+  const hubSkills = hub.skills;
+  if (typeof hubId !== "string" || typeof hubName !== "string" || !Array.isArray(hubSkills)) {
+    return null;
+  }
+  const skills = hubSkills
+    .map((s) => (isRecord(s) ? parseDenOrgSkillRow(s, hubName) : null))
+    .filter((s): s is DenOrgSkillCard => s !== null);
+  return { id: hubId, name: hubName, skills };
+}
+
+function getDenOrgSkillHubsFromPayload(payload: unknown): DenOrgSkillHubParsed[] {
+  if (!isRecord(payload) || !Array.isArray(payload.skillHubs)) {
+    return [];
+  }
+  return payload.skillHubs
+    .map((entry) => (isRecord(entry) ? parseOrgSkillHubEntry(entry) : null))
+    .filter((e): e is DenOrgSkillHubParsed => e !== null);
+}
+
 function getBillingPrice(value: unknown): DenBillingPrice | null {
   if (!isRecord(value)) {
     return null;
@@ -552,6 +603,33 @@ function getBillingInvoice(value: unknown): DenBillingInvoice | null {
   };
 }
 
+export type DenOrgSkillHubSummary = {
+  id: string;
+  name: string;
+  canManage: boolean;
+};
+
+function getOrgSkillHubSummaries(payload: unknown): DenOrgSkillHubSummary[] {
+  if (!isRecord(payload) || !Array.isArray(payload.skillHubs)) {
+    return [];
+  }
+
+  return payload.skillHubs
+    .map((entry) => {
+      if (!isRecord(entry)) return null;
+      if (typeof entry.id !== "string" || typeof entry.name !== "string" || typeof entry.canManage !== "boolean") {
+        return null;
+      }
+      return { id: entry.id, name: entry.name, canManage: entry.canManage };
+    })
+    .filter((entry): entry is DenOrgSkillHubSummary => Boolean(entry));
+}
+
+function getCreatedOrgSkillId(payload: unknown): string | null {
+  if (!isRecord(payload) || !isRecord(payload.skill)) return null;
+  return typeof payload.skill.id === "string" ? payload.skill.id : null;
+}
+
 function getBillingSummary(payload: unknown): DenBillingSummary | null {
   if (!isRecord(payload) || !isRecord(payload.billing)) {
     return null;
@@ -812,6 +890,62 @@ export function createDenClient(options: { baseUrl: string; token?: string | nul
       }
     },
 
+    async listOrgSkills(orgId: string): Promise<DenOrgSkillCard[]> {
+      const payload = await requestJson<unknown>(baseUrls, `/v1/orgs/${encodeURIComponent(orgId)}/skills`, {
+        method: "GET",
+        token,
+      });
+      return getDenOrgSkillsFromPayload(payload);
+    },
+
+    async listOrgSkillHubs(orgId: string): Promise<DenOrgSkillHubParsed[]> {
+      const payload = await requestJson<unknown>(baseUrls, `/v1/orgs/${encodeURIComponent(orgId)}/skill-hubs`, {
+        method: "GET",
+        token,
+      });
+      return getDenOrgSkillHubsFromPayload(payload);
+    },
+
+    async listOrgSkillHubSummaries(orgId: string): Promise<DenOrgSkillHubSummary[]> {
+      const payload = await requestJson<unknown>(baseUrls, `/v1/orgs/${encodeURIComponent(orgId)}/skill-hubs`, {
+        method: "GET",
+        token,
+      });
+      return getOrgSkillHubSummaries(payload);
+    },
+
+    async createOrgSkill(
+      orgId: string,
+      input: { skillText: string; shared?: "org" | "public" | null },
+    ): Promise<{ id: string }> {
+      const body = {
+        skillText: input.skillText,
+        shared: input.shared === undefined ? ("org" as const) : input.shared,
+      };
+      const payload = await requestJson<unknown>(baseUrls, `/v1/orgs/${encodeURIComponent(orgId)}/skills`, {
+        method: "POST",
+        token,
+        body,
+      });
+      const id = getCreatedOrgSkillId(payload);
+      if (!id) {
+        throw new DenApiError(500, "invalid_skill_payload", "Skill response was missing id.");
+      }
+      return { id };
+    },
+
+    async addOrgSkillToHub(orgId: string, skillHubId: string, skillId: string): Promise<void> {
+      await requestJson<unknown>(
+        baseUrls,
+        `/v1/orgs/${encodeURIComponent(orgId)}/skill-hubs/${encodeURIComponent(skillHubId)}/skills`,
+        {
+          method: "POST",
+          token,
+          body: { skillId },
+        },
+      );
+    },
+
     async getBillingStatus(options: { includeCheckout?: boolean; includePortal?: boolean; includeInvoices?: boolean } = {}): Promise<DenBillingSummary> {
       const params = new URLSearchParams();
       if (options.includeCheckout) {
@@ -854,3 +988,26 @@ export function createDenClient(options: { baseUrl: string; token?: string | nul
     },
   };
 }
+
+export async function fetchDenOrgSkillsCatalog(
+  client: ReturnType<typeof createDenClient>,
+  orgId: string,
+): Promise<DenOrgSkillCard[]> {
+  const [hubs, flatSkills] = await Promise.all([client.listOrgSkillHubs(orgId), client.listOrgSkills(orgId)]);
+  const hubNameBySkillId = new Map<string, string>();
+  for (const hub of hubs) {
+    for (const skill of hub.skills) {
+      if (!hubNameBySkillId.has(skill.id)) {
+        hubNameBySkillId.set(skill.id, hub.name);
+      }
+    }
+  }
+  const byId = new Map<string, DenOrgSkillCard>();
+  for (const skill of flatSkills) {
+    byId.set(skill.id, {
+      ...skill,
+      hubName: hubNameBySkillId.get(skill.id) ?? null,
+    });
+  }
+  return [...byId.values()].sort((a, b) => a.title.localeCompare(b.title));
+}
diff --git a/apps/app/src/app/pages/skills.tsx b/apps/app/src/app/pages/skills.tsx
index 2ee381460..f12e234a9 100644
--- a/apps/app/src/app/pages/skills.tsx
+++ b/apps/app/src/app/pages/skills.tsx
@@ -1,17 +1,56 @@
-import { For, Show, createMemo, createSignal, onMount } from "solid-js";
+import { For, Show, createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js";
 
-import type { HubSkillCard, HubSkillRepo, SkillCard } from "../types";
+import type { DenOrgSkillCard, HubSkillCard, HubSkillRepo, SkillCard } from "../types";
 import { useExtensions } from "../extensions/provider";
+import { usePlatform } from "../context/platform";
 import type { SkillBundleV1 } from "../bundles/types";
+import { saveInstalledSkillToOpenWorkOrg } from "../bundles/skill-org-publish";
 
 import Button from "../components/button";
-import { Copy, Edit2, FolderOpen, Loader2, Package, Plus, RefreshCw, Search, Share2, Sparkles, Trash2, Upload } from "lucide-solid";
+import SelectMenu, { type SelectMenuOption } from "../components/select-menu";
+import {
+  ArrowLeft,
+  Cloud,
+  Copy,
+  Edit2,
+  FolderOpen,
+  Loader2,
+  Package,
+  Plus,
+  RefreshCw,
+  Rocket,
+  Search,
+  Share2,
+  Sparkles,
+  Trash2,
+  Upload,
+  Users,
+  X,
+} from "lucide-solid";
 import { currentLocale, t } from "../../i18n";
 import { DEFAULT_OPENWORK_PUBLISHER_BASE_URL, publishOpenworkBundleJson } from "../lib/publisher";
+import { buildDenAuthUrl, createDenClient, DEFAULT_DEN_BASE_URL, readDenSettings, type DenOrgSkillHubSummary } from "../lib/den";
 import { useStatusToasts, type AppStatusToastTone } from "../shell/status-toasts";
+import WorkspaceOptionCard from "../workspace/option-card";
+import {
+  inputClass,
+  modalHeaderButtonClass,
+  modalHeaderClass,
+  modalNoticeErrorClass,
+  modalNoticeSuccessClass,
+  modalOverlayClass,
+  modalShellClass,
+  modalSubtitleClass,
+  modalTitleClass,
+  pillPrimaryClass as sharePillPrimaryClass,
+  pillSecondaryClass as sharePillSecondaryClass,
+  surfaceCardClass,
+  tagClass as shareTagClass,
+} from "../workspace/modal-styles";
 
 type InstallResult = { ok: boolean; message: string };
-type SkillsFilter = "all" | "installed" | "hub";
+type SkillsFilter = "all" | "installed" | "cloud" | "hub";
+type ShareSkillSubView = "chooser" | "public" | "team";
 
 const pageTitleClass = "text-[28px] font-semibold tracking-[-0.5px] text-dls-text";
 const sectionTitleClass = "text-[15px] font-medium tracking-[-0.2px] text-dls-text";
@@ -46,6 +85,7 @@ export type SkillsViewProps = {
 
 export default function SkillsView(props: SkillsViewProps) {
   const extensions = useExtensions();
+  const platform = usePlatform();
   const statusToasts = useStatusToasts();
   // Translation helper that uses current language from i18n
   const translate = (key: string) => t(key, currentLocale());
@@ -66,9 +106,18 @@ export default function SkillsView(props: SkillsViewProps) {
 
   const [shareTarget, setShareTarget] = createSignal<SkillCard | null>(null);
   const shareOpen = createMemo(() => shareTarget() != null);
+  const [shareSubView, setShareSubView] = createSignal<ShareSkillSubView>("chooser");
   const [shareBusy, setShareBusy] = createSignal(false);
   const [shareUrl, setShareUrl] = createSignal<string | null>(null);
   const [shareError, setShareError] = createSignal<string | null>(null);
+  const [cloudSessionNonce, setCloudSessionNonce] = createSignal(0);
+  const [shareTeamBusy, setShareTeamBusy] = createSignal(false);
+  const [shareTeamError, setShareTeamError] = createSignal<string | null>(null);
+  const [shareTeamSuccess, setShareTeamSuccess] = createSignal<string | null>(null);
+  const [shareHubChoice, setShareHubChoice] = createSignal("");
+  const [shareHubsLoading, setShareHubsLoading] = createSignal(false);
+  const [shareHubsError, setShareHubsError] = createSignal<string | null>(null);
+  const [shareManageableHubs, setShareManageableHubs] = createSignal<DenOrgSkillHubSummary[]>([]);
 
   const [selectedSkill, setSelectedSkill] = createSignal<SkillCard | null>(null);
   const [selectedContent, setSelectedContent] = createSignal("");
@@ -78,9 +127,114 @@ export default function SkillsView(props: SkillsViewProps) {
 
   const [installingSkillCreator, setInstallingSkillCreator] = createSignal(false);
   const [installingHubSkill, setInstallingHubSkill] = createSignal<string | null>(null);
+  const [installingCloudSkillId, setInstallingCloudSkillId] = createSignal<string | null>(null);
+  const [denUiTick, setDenUiTick] = createSignal(0);
 
   onMount(() => {
     extensions.ensureHubSkillsFresh();
+    extensions.ensureCloudOrgSkillsFresh();
+    const onDenSession = () => {
+      setDenUiTick((n) => n + 1);
+      setCloudSessionNonce((n) => n + 1);
+      void extensions.refreshCloudOrgSkills({ force: true });
+    };
+    window.addEventListener("openwork-den-session-updated", onDenSession);
+    onCleanup(() => window.removeEventListener("openwork-den-session-updated", onDenSession));
+  });
+
+  const shareCloudSignedIn = createMemo(() => {
+    cloudSessionNonce();
+    return Boolean(readDenSettings().authToken?.trim());
+  });
+
+  const shareTeamOrgLabel = createMemo(() => {
+    cloudSessionNonce();
+    const name = readDenSettings().activeOrgName?.trim();
+    return name || translate("skills.share_team_org_fallback");
+  });
+
+  const shareTeamDisabledReason = createMemo(() => {
+    if (!shareCloudSignedIn()) return null;
+    const settings = readDenSettings();
+    if (!settings.activeOrgId?.trim() && !settings.activeOrgSlug?.trim()) {
+      return translate("skills.share_team_choose_org");
+    }
+    return null;
+  });
+
+  const shareModalSubtitle = createMemo(() => {
+    switch (shareSubView()) {
+      case "public":
+        return translate("skills.share_subtitle_public");
+      case "team":
+        return translate("skills.share_subtitle_team");
+      default:
+        return translate("skills.share_chooser_subtitle");
+    }
+  });
+
+  const shareHubSelectOptions = createMemo(
+    (): SelectMenuOption[] => [
+      { value: "", label: translate("skills.share_team_hub_none") },
+      ...shareManageableHubs().map((h) => ({ value: h.id, label: h.name })),
+    ],
+  );
+
+  createEffect(() => {
+    if (!shareOpen()) return;
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      if (shareSubView() !== "chooser") {
+        goBackShareSubView();
+        return;
+      }
+      closeShareLink();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    onCleanup(() => window.removeEventListener("keydown", onKeyDown));
+  });
+
+  createEffect(() => {
+    if (!shareOpen() || shareSubView() !== "team" || !shareCloudSignedIn()) {
+      return;
+    }
+
+    let cancelled = false;
+    void (async () => {
+      setShareHubsLoading(true);
+      setShareHubsError(null);
+      try {
+        const settings = readDenSettings();
+        const token = settings.authToken?.trim() ?? "";
+        if (!token) return;
+
+        let orgId = settings.activeOrgId?.trim() ?? "";
+        const client = createDenClient({ baseUrl: settings.baseUrl, token });
+        if (!orgId) {
+          const res = await client.listOrgs();
+          orgId = res.orgs[0]?.id ?? "";
+        }
+        if (!orgId) {
+          throw new Error(translate("skills.share_team_choose_org"));
+        }
+
+        const hubs = await client.listOrgSkillHubSummaries(orgId);
+        if (cancelled) return;
+        setShareManageableHubs(hubs.filter((h) => h.canManage));
+      } catch (e) {
+        if (!cancelled) {
+          setShareHubsError(maskError(e));
+          setShareManageableHubs([]);
+        }
+      } finally {
+        if (!cancelled) setShareHubsLoading(false);
+      }
+    })();
+
+    onCleanup(() => {
+      cancelled = true;
+    });
   });
 
   const maskError = (value: unknown) => (value instanceof Error ? value.message : "Something went wrong");
@@ -160,6 +314,39 @@ export default function SkillsView(props: SkillsViewProps) {
     });
   });
 
+  const filteredCloudOrgSkills = createMemo(() => {
+    const query = searchQuery().trim().toLowerCase();
+    const items = extensions.cloudOrgSkills();
+    if (!query) return items;
+    return items.filter((skill) => {
+      const description = skill.description ?? "";
+      const hub = skill.hubName ?? "";
+      return (
+        skill.title.toLowerCase().includes(query) ||
+        description.toLowerCase().includes(query) ||
+        hub.toLowerCase().includes(query)
+      );
+    });
+  });
+
+  const cloudOrgLabel = createMemo(() => {
+    denUiTick();
+    const name = readDenSettings().activeOrgName?.trim();
+    if (name) return name;
+    return translate("skills.cloud_org_fallback");
+  });
+
+  const cloudSessionReady = createMemo(() => {
+    denUiTick();
+    const s = readDenSettings();
+    return Boolean(s.authToken?.trim() && s.activeOrgId?.trim());
+  });
+
+  const cloudNeedsSignIn = createMemo(() => {
+    denUiTick();
+    return !readDenSettings().authToken?.trim();
+  });
+
   const installSkillCreator = async () => {
     if (props.busy || installingSkillCreator()) return;
     if (!props.canInstallSkillCreator) {
@@ -178,6 +365,25 @@ export default function SkillsView(props: SkillsViewProps) {
     }
   };
 
+  const installFromCloud = async (skill: DenOrgSkillCard) => {
+    if (props.busy || installingCloudSkillId()) return;
+    setInstallingCloudSkillId(skill.id);
+    showToast(t("skills.cloud_installing", currentLocale(), { title: skill.title }));
+    try {
+      const result = await extensions.installCloudOrgSkill(skill);
+      showToast(result.message, result.ok ? "success" : "error");
+    } catch (e) {
+      showToast(e instanceof Error ? e.message : translate("skills.install_failed"), "error");
+    } finally {
+      setInstallingCloudSkillId(null);
+    }
+  };
+
+  const openCloudSignIn = () => {
+    const base = readDenSettings().baseUrl?.trim() || DEFAULT_DEN_BASE_URL;
+    platform.openLink(buildDenAuthUrl(base, "sign-in"));
+  };
+
   const installFromHub = async (skill: HubSkillCard) => {
     if (props.busy || installingHubSkill()) return;
     setInstallingHubSkill(skill.name);
@@ -204,16 +410,72 @@ export default function SkillsView(props: SkillsViewProps) {
   const openShareLink = (skill: SkillCard) => {
     if (props.busy) return;
     setShareTarget(skill);
+    setShareSubView("chooser");
     setShareBusy(false);
     setShareUrl(null);
     setShareError(null);
+    setShareTeamBusy(false);
+    setShareTeamError(null);
+    setShareTeamSuccess(null);
+    setShareHubChoice("");
+    setShareHubsError(null);
+    setShareManageableHubs([]);
+    setCloudSessionNonce((n) => n + 1);
   };
 
   const closeShareLink = () => {
     setShareTarget(null);
+    setShareSubView("chooser");
     setShareBusy(false);
     setShareUrl(null);
     setShareError(null);
+    setShareTeamBusy(false);
+    setShareTeamError(null);
+    setShareTeamSuccess(null);
+    setShareHubChoice("");
+    setShareHubsError(null);
+    setShareManageableHubs([]);
+  };
+
+  const goBackShareSubView = () => {
+    setShareSubView("chooser");
+    setShareError(null);
+    setShareTeamError(null);
+    setShareTeamSuccess(null);
+    setShareHubChoice("");
+    setShareHubsError(null);
+  };
+
+  const startShareSkillSignIn = () => {
+    const settings = readDenSettings();
+    platform.openLink(buildDenAuthUrl(settings.baseUrl, "sign-in"));
+  };
+
+  const publishSkillToTeam = async () => {
+    const target = shareTarget();
+    if (!target) return;
+    if (props.busy || shareTeamBusy() || shareTeamDisabledReason()) return;
+    setShareTeamBusy(true);
+    setShareTeamError(null);
+    setShareTeamSuccess(null);
+    try {
+      const skill = await extensions.readSkill(target.name);
+      if (!skill) throw new Error("Failed to load skill");
+      const hubId = shareHubChoice().trim();
+      const { orgName, orgId } = await saveInstalledSkillToOpenWorkOrg({
+        skillText: skill.content,
+        skillHubId: hubId || null,
+      });
+      setShareTeamSuccess(t("skills.share_team_success", currentLocale(), { org: orgName }));
+      window.dispatchEvent(
+        new CustomEvent<{ orgId: string }>("openwork-den-org-skills-changed", { detail: { orgId } }),
+      );
+      void extensions.refreshCloudOrgSkills({ force: true });
+    } catch (e) {
+      setShareTeamError(maskError(e));
+    } finally {
+      setShareTeamBusy(false);
+    }
   };
 
   const publishShareLink = async () => {
@@ -320,8 +582,9 @@ export default function SkillsView(props: SkillsViewProps) {
     () => !props.busy && (props.canInstallSkillCreator || props.canUseDesktopTools)
   );
 
-  const showInstalledSection = createMemo(() => activeFilter() !== "hub");
-  const showHubSection = createMemo(() => activeFilter() !== "installed");
+  const showInstalledSection = createMemo(() => activeFilter() === "all" || activeFilter() === "installed");
+  const showCloudSection = createMemo(() => activeFilter() === "all" || activeFilter() === "cloud");
+  const showHubSection = createMemo(() => activeFilter() === "all" || activeFilter() === "hub");
 
   const isOpenworkInjectedSkill = (skill: SkillCard) => {
     const normalizedName = skill.name.trim().toLowerCase();
@@ -344,6 +607,7 @@ export default function SkillsView(props: SkillsViewProps) {
     if (props.busy) return;
     void extensions.refreshSkills({ force: true });
     void extensions.refreshHubSkills({ force: true });
+    void extensions.refreshCloudOrgSkills({ force: true });
   };
 
   return (
@@ -397,20 +661,26 @@ export default function SkillsView(props: SkillsViewProps) {
               type="text"
               value={searchQuery()}
               onInput={(event) => setSearchQuery(event.currentTarget.value)}
-              placeholder="Search installed or Hub skills"
+              placeholder={translate("skills.catalog_search_placeholder")}
               class="w-full rounded-xl border border-dls-border bg-dls-surface py-3 pl-11 pr-4 text-[14px] text-dls-text focus:outline-none focus:ring-2 focus:ring-[rgba(var(--dls-accent-rgb),0.12)]"
             />
           </div>
 
           <div class="flex flex-wrap items-center gap-2">
-            <For each={["all", "installed", "hub"] as SkillsFilter[]}>
+            <For each={["all", "installed", "cloud", "hub"] as SkillsFilter[]}>
               {(filter) => (
                 <button
                   type="button"
                   onClick={() => setActiveFilter(filter)}
                   class={activeFilter() === filter ? pillPrimaryClass : pillGhostClass}
                 >
-                  {filter === "all" ? "All" : filter === "installed" ? "Installed" : "Hub"}
+                  {filter === "all"
+                    ? translate("skills.filter_all")
+                    : filter === "installed"
+                      ? translate("skills.filter_installed")
+                      : filter === "cloud"
+                        ? translate("skills.filter_cloud")
+                        : translate("skills.filter_hub")}
                 </button>
               )}
             </For>
@@ -562,6 +832,131 @@ export default function SkillsView(props: SkillsViewProps) {
         </div>
       </Show>
 
+      <Show when={showCloudSection()}>
+        <div class="space-y-4">
+          <div class="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
+            <div>
+              <p class="mb-0.5 text-[12px] text-dls-secondary">{cloudOrgLabel()}</p>
+              <h3 class={sectionTitleClass}>{translate("skills.cloud_section_title")}</h3>
+              <p class="mt-1 max-w-2xl text-[13px] leading-relaxed text-dls-secondary">
+                {translate("skills.cloud_section_subtitle")}
+              </p>
+            </div>
+            <div class="flex flex-wrap items-center gap-2">
+              <button
+                type="button"
+                onClick={() => void extensions.refreshCloudOrgSkills({ force: true })}
+                disabled={props.busy}
+                class={pillSecondaryClass}
+              >
+                <RefreshCw size={14} />
+                {translate("skills.cloud_refresh")}
+              </button>
+            </div>
+          </div>
+
+          <Show when={!cloudSessionReady()}>
+            <div class="rounded-[20px] border border-dashed border-dls-border bg-dls-surface px-5 py-6 text-[14px] text-dls-secondary">
+              <Show
+                when={cloudNeedsSignIn()}
+                fallback={
+                  <div class="space-y-3">
+                    <p>{translate("skills.cloud_choose_org_hint")}</p>
+                    <p class="text-[13px]">{translate("skills.cloud_choose_org_detail")}</p>
+                  </div>
+                }
+              >
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+                  <p>{translate("skills.cloud_sign_in_hint")}</p>
+                  <button type="button" class={pillPrimaryClass} onClick={() => openCloudSignIn()}>
+                    {translate("skills.cloud_sign_in")}
+                  </button>
+                </div>
+              </Show>
+            </div>
+          </Show>
+
+          <Show when={cloudSessionReady()}>
+            <Show when={extensions.cloudOrgSkillsStatus()}>
+              <div class="rounded-[20px] border border-dls-border bg-dls-hover px-5 py-4 text-[13px] text-dls-secondary whitespace-pre-wrap break-words">
+                {extensions.cloudOrgSkillsStatus()}
+              </div>
+            </Show>
+
+            <Show
+              when={filteredCloudOrgSkills().length}
+              fallback={
+                <div class="rounded-[20px] border border-dashed border-dls-border bg-dls-surface px-5 py-8 text-[14px] text-dls-secondary">
+                  {extensions.cloudOrgSkills().length === 0
+                    ? translate("skills.cloud_org_empty")
+                    : translate("skills.cloud_no_search_matches")}
+                </div>
+              }
+            >
+              <div class="rounded-[24px] bg-dls-hover p-4">
+                <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                  <For each={filteredCloudOrgSkills()}>
+                    {(skill) => (
+                      <div class={`${panelCardClass} flex flex-col gap-4 text-left`}>
+                        <div class="flex gap-4 min-w-0">
+                          <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-dls-border bg-dls-hover">
+                            <Cloud size={20} class="text-dls-secondary" />
+                          </div>
+                          <div class="min-w-0 flex-1">
+                            <h4 class="text-[14px] font-semibold text-dls-text truncate">{skill.title}</h4>
+                            <Show when={skill.description}>
+                              <p class="mt-2 line-clamp-2 text-[13px] leading-relaxed text-dls-secondary">
+                                {skill.description}
+                              </p>
+                            </Show>
+                            <div class="mt-3 flex flex-wrap items-center gap-2 text-[11px] text-dls-secondary">
+                              <Show when={skill.hubName}>
+                                <span class={tagClass}>
+                                  {t("skills.cloud_hub_label", currentLocale(), { name: skill.hubName ?? "" })}
+                                </span>
+                              </Show>
+                              <Show when={skill.shared === "org"}>
+                                <span class={tagClass}>{translate("skills.cloud_shared_org")}</span>
+                              </Show>
+                              <Show when={skill.shared === "public"}>
+                                <span class={tagClass}>{translate("skills.cloud_shared_public")}</span>
+                              </Show>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="flex items-center justify-between gap-3 border-t border-dls-border pt-4">
+                          <span class={tagClass}>{translate("skills.cloud_footer_label")}</span>
+                          <button
+                            type="button"
+                            class={
+                              installingCloudSkillId() === skill.id ? pillSecondaryClass : pillPrimaryClass
+                            }
+                            onClick={(e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                              void installFromCloud(skill);
+                            }}
+                            disabled={props.busy || installingCloudSkillId() === skill.id}
+                          >
+                            <Show when={installingCloudSkillId() === skill.id} fallback={<Plus size={14} />}>
+                              <Loader2 size={14} class="animate-spin" />
+                            </Show>
+                            {installingCloudSkillId() === skill.id
+                              ? translate("skills.cloud_installing_short")
+                              : translate("skills.cloud_add_skill")}
+                          </button>
+                        </div>
+                      </div>
+                    )}
+                  </For>
+                </div>
+              </div>
+            </Show>
+          </Show>
+        </div>
+      </Show>
+
       <Show when={showHubSection()}>
         <div class="space-y-4">
           <div class="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
@@ -813,55 +1208,194 @@ export default function SkillsView(props: SkillsViewProps) {
       </Show>
 
       <Show when={shareOpen()}>
-        <div class="fixed inset-0 z-50 bg-black/20 backdrop-blur-sm flex items-center justify-center p-4">
-          <div class="bg-dls-surface border border-dls-border w-full max-w-md rounded-2xl shadow-2xl overflow-hidden">
-            <div class="p-6 space-y-4">
-              <div>
-                <h3 class="text-lg font-semibold text-dls-text">Share link</h3>
-                <p class="text-sm text-dls-secondary mt-1">
-                  Publish a public link. Anyone with the URL can install this skill.
-                </p>
-              </div>
-
-              <div class="rounded-xl border border-dls-border bg-dls-hover px-4 py-3 text-xs text-dls-secondary">
-                <div class="font-semibold text-dls-text">{shareTarget()?.name}</div>
-                <div class="mt-1 font-mono break-all">Publisher: {DEFAULT_OPENWORK_PUBLISHER_BASE_URL}</div>
+        <div class={`${modalOverlayClass} items-start pt-[10vh]`}>
+          <div class={`${modalShellClass} max-h-[78vh] max-w-md`} role="dialog" aria-modal="true">
+            <div class={modalHeaderClass}>
+              <div class="flex min-w-0 items-start gap-3">
+                <Show when={shareSubView() !== "chooser"}>
+                  <button
+                    type="button"
+                    onClick={goBackShareSubView}
+                    class={modalHeaderButtonClass}
+                    aria-label={translate("skills.share_back")}
+                  >
+                    <ArrowLeft size={16} />
+                  </button>
+                </Show>
+                <div class="min-w-0">
+                  <div class="flex flex-wrap items-center gap-2">
+                    <h2 class={modalTitleClass}>{translate("skills.share_title")}</h2>
+                    <Show when={shareSubView() === "chooser"}>
+                      <span class={shareTagClass}>{shareTarget()?.name}</span>
+                    </Show>
+                  </div>
+                  <p class={modalSubtitleClass}>{shareModalSubtitle()}</p>
+                </div>
               </div>
+              <button
+                type="button"
+                onClick={closeShareLink}
+                class={modalHeaderButtonClass}
+                aria-label={translate("skills.share_close")}
+                title={translate("skills.share_close")}
+              >
+                <X size={16} />
+              </button>
+            </div>
 
-              <Show when={shareError()}>
-                <div class="rounded-xl border border-red-7/20 bg-red-1/40 px-4 py-3 text-xs text-red-12">
-                  {shareError()}
+            <div class="flex-1 overflow-y-auto px-6 pb-7 pt-2">
+              <Show when={shareSubView() === "chooser"}>
+                <div class="space-y-4 animate-in fade-in slide-in-from-bottom-3 duration-300">
+                  <WorkspaceOptionCard
+                    title={translate("skills.share_option_team_title")}
+                    description={translate("skills.share_option_team_desc")}
+                    icon={Users}
+                    onClick={() => setShareSubView("team")}
+                  />
+                  <WorkspaceOptionCard
+                    title={translate("skills.share_option_public_title")}
+                    description={translate("skills.share_option_public_desc")}
+                    icon={Rocket}
+                    onClick={() => setShareSubView("public")}
+                  />
                 </div>
               </Show>
 
-              <Show
-                when={shareUrl()}
-                fallback={
-                  <div class="flex justify-end gap-2">
-                    <Button variant="outline" onClick={closeShareLink} disabled={shareBusy()}>
-                      {translate("common.cancel")}
-                    </Button>
-                    <Button variant="secondary" onClick={() => void publishShareLink()} disabled={shareBusy()}>
-                      {shareBusy() ? "Publishing…" : "Create link"}
-                    </Button>
+              <Show when={shareSubView() === "public"}>
+                <div class="space-y-5 pt-2 animate-in fade-in slide-in-from-right-4 duration-300">
+                  <p class="text-[14px] leading-relaxed text-dls-secondary">{translate("skills.share_public_intro")}</p>
+
+                  <div class={surfaceCardClass}>
+                    <div class="mb-3 text-[12px] text-dls-secondary font-mono break-all">
+                      {translate("skills.share_publisher_label")}: {DEFAULT_OPENWORK_PUBLISHER_BASE_URL}
+                    </div>
+
+                    <Show when={shareError()}>
+                      <div class={`mb-3 ${modalNoticeErrorClass}`}>{shareError()}</div>
+                    </Show>
+
+                    <Show
+                      when={shareUrl()}
+                      fallback={
+                        <button
+                          type="button"
+                          onClick={() => void publishShareLink()}
+                          disabled={shareBusy() || props.busy}
+                          class={`${sharePillPrimaryClass} w-full`}
+                        >
+                          {shareBusy() ? translate("skills.share_public_creating") : translate("skills.share_public_create")}
+                        </button>
+                      }
+                    >
+                      <div class="flex items-center gap-2">
+                        <input type="text" readonly value={shareUrl()!} class={`${inputClass} flex-1 font-mono text-[12px]`} />
+                        <button type="button" onClick={() => void copyShareLink()} class={sharePillSecondaryClass}>
+                          <Copy size={14} class="mr-1 inline" />
+                          {translate("skills.share_copy_link")}
+                        </button>
+                      </div>
+                      <button
+                        type="button"
+                        onClick={() => void publishShareLink()}
+                        disabled={shareBusy()}
+                        class={`${sharePillSecondaryClass} mt-3 w-full`}
+                      >
+                        {shareBusy() ? translate("skills.share_public_creating") : translate("skills.share_public_regenerate")}
+                      </button>
+                    </Show>
+                  </div>
+
+                  <div class="flex justify-end">
+                    <button type="button" onClick={closeShareLink} class={sharePillSecondaryClass}>
+                      {translate("skills.share_done")}
+                    </button>
                   </div>
-                }
-              >
-                <div class="flex items-start gap-2 rounded-xl bg-dls-hover border border-dls-border p-3">
-                  <div class="min-w-0 flex-1 text-xs text-dls-secondary font-mono break-all">{shareUrl()}</div>
-                  <Button
-                    variant="outline"
-                    onClick={() => void copyShareLink()}
-                    disabled={!shareUrl()}
-                  >
-                    <Copy size={14} />
-                    Copy link
-                  </Button>
                 </div>
-                <div class="flex justify-end gap-2">
-                  <Button variant="secondary" onClick={closeShareLink}>
-                    Done
-                  </Button>
+              </Show>
+
+              <Show when={shareSubView() === "team"}>
+                <div class="space-y-5 pt-2 animate-in fade-in slide-in-from-right-4 duration-300">
+                  <p class="text-[14px] leading-relaxed text-dls-secondary">{translate("skills.share_team_intro")}</p>
+
+                  <div class={surfaceCardClass}>
+                    <div class="flex flex-wrap items-center gap-2">
+                      <span class={shareTagClass}>{shareTeamOrgLabel()}</span>
+                    </div>
+
+                    <Show when={shareTeamError()?.trim()}>
+                      <div class={`mt-4 ${modalNoticeErrorClass}`}>{shareTeamError()}</div>
+                    </Show>
+
+                    <Show when={shareTeamSuccess()?.trim()}>
+                      <div class={`mt-4 ${modalNoticeSuccessClass}`}>{shareTeamSuccess()}</div>
+                    </Show>
+
+                    <Show when={shareHubsError()?.trim()}>
+                      <div class={`mt-4 ${modalNoticeErrorClass}`}>{shareHubsError()}</div>
+                    </Show>
+
+                    <Show when={shareCloudSignedIn() && shareTeamDisabledReason()?.trim()}>
+                      <div class="mt-4 text-[12px] text-dls-secondary">{shareTeamDisabledReason()}</div>
+                    </Show>
+
+                    <Show when={shareCloudSignedIn() && shareManageableHubs().length > 0}>
+                      <div class="mt-4">
+                        <span
+                          id="skills-share-hub-label"
+                          class="mb-1.5 block text-[13px] font-medium text-dls-text"
+                        >
+                          {translate("skills.share_team_hub_label")}
+                        </span>
+                        <SelectMenu
+                          aria-labelledby="skills-share-hub-label"
+                          options={shareHubSelectOptions()}
+                          value={shareHubChoice()}
+                          onChange={setShareHubChoice}
+                          disabled={shareTeamBusy() || Boolean(shareTeamSuccess()?.trim())}
+                        />
+                      </div>
+                    </Show>
+
+                    <Show when={shareCloudSignedIn() && shareHubsLoading()}>
+                      <div class="mt-3 flex items-center gap-2 text-[12px] text-dls-secondary">
+                        <Loader2 size={14} class="animate-spin" />
+                        {translate("skills.share_team_hubs_loading")}
+                      </div>
+                    </Show>
+
+                    <button
+                      type="button"
+                      onClick={() => {
+                        if (!shareCloudSignedIn()) {
+                          startShareSkillSignIn();
+                          return;
+                        }
+                        void publishSkillToTeam();
+                      }}
+                      disabled={
+                        shareCloudSignedIn()
+                          ? Boolean(shareTeamDisabledReason()) || shareTeamBusy() || Boolean(shareTeamSuccess()?.trim())
+                          : false
+                      }
+                      class={`${sharePillPrimaryClass} mt-4 w-full`}
+                    >
+                      {!shareCloudSignedIn()
+                        ? translate("skills.share_team_sign_in")
+                        : shareTeamBusy()
+                          ? translate("skills.share_team_saving")
+                          : translate("skills.share_team_save")}
+                    </button>
+
+                    <Show when={!shareCloudSignedIn()}>
+                      <p class="mt-3 text-[12px] text-dls-secondary">{translate("skills.share_team_sign_in_hint")}</p>
+                    </Show>
+                  </div>
+
+                  <div class="flex justify-end">
+                    <button type="button" onClick={closeShareLink} class={sharePillSecondaryClass}>
+                      {translate("skills.share_done")}
+                    </button>
+                  </div>
                 </div>
               </Show>
             </div>
diff --git a/apps/app/src/app/types.ts b/apps/app/src/app/types.ts
index bc6d1f2d8..8bf631aaf 100644
--- a/apps/app/src/app/types.ts
+++ b/apps/app/src/app/types.ts
@@ -272,6 +272,16 @@ export type HubSkillCard = {
   };
 };
 
+/** OpenWork Cloud (Den) org skill surfaced in the Skills catalog (team hub + shared). */
+export type DenOrgSkillCard = {
+  id: string;
+  title: string;
+  description: string | null;
+  skillText: string;
+  hubName: string | null;
+  shared: "org" | "public" | null;
+};
+
 export type PluginInstallStep = {
   title: string;
   description: string;
diff --git a/apps/app/src/app/workspace/modal-styles.ts b/apps/app/src/app/workspace/modal-styles.ts
index f3e8adfea..11c0b4050 100644
--- a/apps/app/src/app/workspace/modal-styles.ts
+++ b/apps/app/src/app/workspace/modal-styles.ts
@@ -69,3 +69,13 @@ export const errorBannerClass =
 
 export const successBannerClass =
   "rounded-[20px] border border-emerald-7/20 bg-emerald-3/30 px-4 py-3 text-[13px] text-emerald-11";
+
+/** Softer inline notices inside modals (avoids heavy outlines on light surfaces) */
+export const modalNoticeNeutralClass =
+  "rounded-xl border border-dls-border bg-dls-hover px-3 py-2.5 text-[13px] leading-relaxed text-dls-text";
+
+export const modalNoticeSuccessClass =
+  "rounded-xl border border-dls-border bg-emerald-2/25 px-3 py-2.5 text-[13px] leading-relaxed text-dls-text";
+
+export const modalNoticeErrorClass =
+  "rounded-xl border border-dls-border bg-red-2/20 px-3 py-2.5 text-[13px] leading-relaxed text-dls-text";
diff --git a/apps/app/src/i18n/locales/en.ts b/apps/app/src/i18n/locales/en.ts
index bdb0aebd2..af69984cf 100644
--- a/apps/app/src/i18n/locales/en.ts
+++ b/apps/app/src/i18n/locales/en.ts
@@ -269,6 +269,34 @@ export default {
   "skills.uninstall_warning": "This will permanently delete the `{name}` skill from your workspace.",
   "skills.uninstall_failed": "Failed to uninstall skill.",
   "skills.uninstalled": "Skill removed.",
+  "skills.share_title": "Share skill",
+  "skills.share_chooser_subtitle": "Save to your OpenWork Cloud organization or publish a public install link.",
+  "skills.share_subtitle_public": "Anyone with the link can install this skill.",
+  "skills.share_subtitle_team": "Stored in your organization for teammates.",
+  "skills.share_option_team_title": "Share with team",
+  "skills.share_option_team_desc": "Add this skill to your active OpenWork Cloud organization.",
+  "skills.share_option_public_title": "Public link",
+  "skills.share_option_public_desc": "Create a link anyone can use to install this skill.",
+  "skills.share_public_intro": "Publish a public link. Anyone with the URL can install this skill.",
+  "skills.share_publisher_label": "Publisher",
+  "skills.share_public_create": "Create link",
+  "skills.share_public_regenerate": "Regenerate link",
+  "skills.share_public_creating": "Publishing…",
+  "skills.share_copy_link": "Copy",
+  "skills.share_team_intro": "Save this skill to your active organization so teammates can install it from Cloud.",
+  "skills.share_team_org_fallback": "Active Cloud org",
+  "skills.share_team_hub_label": "Add to skill hub (optional)",
+  "skills.share_team_hub_none": "Organization only — not in a hub",
+  "skills.share_team_hubs_loading": "Loading hubs…",
+  "skills.share_team_sign_in": "Sign in to share with team",
+  "skills.share_team_sign_in_hint": "OpenWork Cloud opens in your browser. Return here after signing in.",
+  "skills.share_team_save": "Save to team",
+  "skills.share_team_saving": "Saving…",
+  "skills.share_team_success": "Saved to {org}. Teammates can install it from your organization skills.",
+  "skills.share_team_choose_org": "Choose an organization in Settings → Cloud before sharing with your team.",
+  "skills.share_back": "Back",
+  "skills.share_close": "Close",
+  "skills.share_done": "Done",
   "skills.source_placeholder": "github:anthropics/claude-code",
   "skills.notion_crm_title": "Notion CRM Enrichment Skills",
   "skills.notion_crm_description": "Add enrichment workflows for contacts, pipelines, and follow-ups.",
@@ -301,6 +329,33 @@ export default {
   "skills.import_failed": "Import failed ({status})",
   "skills.imported": "Imported.",
   "skills.unknown_error": "Unknown error",
+  "skills.filter_all": "All",
+  "skills.filter_installed": "Installed",
+  "skills.filter_cloud": "Team",
+  "skills.filter_hub": "Hub",
+  "skills.catalog_search_placeholder": "Search installed, team, and hub skills",
+  "skills.cloud_section_title": "From your organization",
+  "skills.cloud_section_subtitle":
+    "Skills shared with you through OpenWork Cloud — including team skill hubs you can access.",
+  "skills.cloud_refresh": "Refresh team skills",
+  "skills.cloud_org_fallback": "OpenWork Cloud",
+  "skills.cloud_sign_in_hint": "Sign in to OpenWork Cloud to browse team and org skills.",
+  "skills.cloud_sign_in": "Sign in to Cloud",
+  "skills.cloud_choose_org_hint": "Choose an organization in Settings → Cloud to load team skills.",
+  "skills.cloud_choose_org_detail": "Use the Cloud panel to pick your active org, then refresh this list.",
+  "skills.cloud_org_empty": "No organization skills are available yet.",
+  "skills.cloud_org_load_failed": "Failed to load organization skills.",
+  "skills.cloud_no_search_matches": "No skills match that search.",
+  "skills.cloud_install_need_server": "Connect to an OpenWork server with skills write access to install team skills on this worker.",
+  "skills.cloud_installed": "Installed {name} on this worker.",
+  "skills.cloud_installing": "Installing {title}…",
+  "skills.cloud_installing_short": "Installing",
+  "skills.cloud_add_skill": "Add skill",
+  "skills.cloud_badge": "Cloud",
+  "skills.cloud_hub_label": "Hub: {name}",
+  "skills.cloud_shared_org": "Org",
+  "skills.cloud_shared_public": "Public",
+  "skills.cloud_footer_label": "Team",
 
   // ==================== Plugins ====================
   "plugins.title": "OpenCode plugins",
diff --git a/apps/app/src/i18n/locales/ja.ts b/apps/app/src/i18n/locales/ja.ts
index a80a8ed83..efcace192 100644
--- a/apps/app/src/i18n/locales/ja.ts
+++ b/apps/app/src/i18n/locales/ja.ts
@@ -268,6 +268,34 @@ export default {
   "skills.uninstall_warning": "ワーカーから`{name}`スキルを完全に削除します。",
   "skills.uninstall_failed": "スキルのアンインストールに失敗しました。",
   "skills.uninstalled": "スキルが削除されました。",
+  "skills.share_title": "スキルを共有",
+  "skills.share_chooser_subtitle": "OpenWork Cloud の組織に保存するか、公開インストールリンクを発行します。",
+  "skills.share_subtitle_public": "リンクを知っている人は誰でもこのスキルをインストールできます。",
+  "skills.share_subtitle_team": "チーム向けに組織に保存されます。",
+  "skills.share_option_team_title": "チームと共有",
+  "skills.share_option_team_desc": "アクティブな OpenWork Cloud 組織にこのスキルを追加します。",
+  "skills.share_option_public_title": "公開リンク",
+  "skills.share_option_public_desc": "誰でもこのスキルをインストールできるリンクを作成します。",
+  "skills.share_public_intro": "公開リンクを発行します。URL を知っている人は誰でもインストールできます。",
+  "skills.share_publisher_label": "パブリッシャー",
+  "skills.share_public_create": "リンクを作成",
+  "skills.share_public_regenerate": "リンクを再発行",
+  "skills.share_public_creating": "公開中…",
+  "skills.share_copy_link": "コピー",
+  "skills.share_team_intro": "チームが Cloud からインストールできるよう、アクティブな組織に保存します。",
+  "skills.share_team_org_fallback": "アクティブな Cloud 組織",
+  "skills.share_team_hub_label": "スキルハブに追加（任意）",
+  "skills.share_team_hub_none": "組織のみ — ハブには入れない",
+  "skills.share_team_hubs_loading": "ハブを読み込み中…",
+  "skills.share_team_sign_in": "チーム共有のためにサインイン",
+  "skills.share_team_sign_in_hint": "ブラウザで OpenWork Cloud が開きます。サインイン後にここに戻ってください。",
+  "skills.share_team_save": "チームに保存",
+  "skills.share_team_saving": "保存中…",
+  "skills.share_team_success": "{org} に保存しました。チームは組織スキルからインストールできます。",
+  "skills.share_team_choose_org": "チーム共有の前に設定の Cloud で組織を選んでください。",
+  "skills.share_back": "戻る",
+  "skills.share_close": "閉じる",
+  "skills.share_done": "完了",
   "skills.source_placeholder": "github:anthropics/claude-code",
   "skills.notion_crm_title": "Notion CRMエンリッチメントスキル",
   "skills.notion_crm_description": "連絡先、パイプライン、フォローアップのエンリッチメントワークフローを追加します。",
diff --git a/apps/app/src/i18n/locales/pt-BR.ts b/apps/app/src/i18n/locales/pt-BR.ts
index d4a3a3120..1e73bc017 100644
--- a/apps/app/src/i18n/locales/pt-BR.ts
+++ b/apps/app/src/i18n/locales/pt-BR.ts
@@ -269,6 +269,34 @@ export default {
   "skills.uninstall_warning": "Isso excluirá permanentemente a skill `{name}` do seu workspace.",
   "skills.uninstall_failed": "Falha ao desinstalar a skill.",
   "skills.uninstalled": "Skill removida.",
+  "skills.share_title": "Compartilhar skill",
+  "skills.share_chooser_subtitle": "Salve na sua organização OpenWork Cloud ou publique um link de instalação público.",
+  "skills.share_subtitle_public": "Qualquer pessoa com o link pode instalar esta skill.",
+  "skills.share_subtitle_team": "Armazenada na organização para a equipe.",
+  "skills.share_option_team_title": "Compartilhar com a equipe",
+  "skills.share_option_team_desc": "Adicione esta skill à organização ativa do OpenWork Cloud.",
+  "skills.share_option_public_title": "Link público",
+  "skills.share_option_public_desc": "Crie um link para qualquer pessoa instalar esta skill.",
+  "skills.share_public_intro": "Publique um link público. Qualquer pessoa com a URL pode instalar esta skill.",
+  "skills.share_publisher_label": "Publicador",
+  "skills.share_public_create": "Criar link",
+  "skills.share_public_regenerate": "Regenerar link",
+  "skills.share_public_creating": "Publicando…",
+  "skills.share_copy_link": "Copiar",
+  "skills.share_team_intro": "Salve na organização ativa para a equipe instalar pelo Cloud.",
+  "skills.share_team_org_fallback": "Organização Cloud ativa",
+  "skills.share_team_hub_label": "Adicionar ao hub de skills (opcional)",
+  "skills.share_team_hub_none": "Somente organização — sem hub",
+  "skills.share_team_hubs_loading": "Carregando hubs…",
+  "skills.share_team_sign_in": "Entrar para compartilhar com a equipe",
+  "skills.share_team_sign_in_hint": "O OpenWork Cloud abre no navegador. Volte aqui após entrar.",
+  "skills.share_team_save": "Salvar para a equipe",
+  "skills.share_team_saving": "Salvando…",
+  "skills.share_team_success": "Salvo em {org}. A equipe pode instalar pelas skills da organização.",
+  "skills.share_team_choose_org": "Escolha uma organização em Configurações → Cloud antes de compartilhar.",
+  "skills.share_back": "Voltar",
+  "skills.share_close": "Fechar",
+  "skills.share_done": "Concluído",
   "skills.source_placeholder": "github:anthropics/claude-code",
   "skills.notion_crm_title": "Skills de Enriquecimento do Notion CRM",
   "skills.notion_crm_description": "Adicionar fluxos de enriquecimento para contatos, pipelines e acompanhamentos.",
diff --git a/apps/app/src/i18n/locales/vi.ts b/apps/app/src/i18n/locales/vi.ts
index 492c4944a..58141b0bb 100644
--- a/apps/app/src/i18n/locales/vi.ts
+++ b/apps/app/src/i18n/locales/vi.ts
@@ -247,6 +247,34 @@ export default {
   "skills.uninstall_warning": "Thao tác này sẽ xóa vĩnh viễn skill `{name}` khỏi worker của bạn.",
   "skills.uninstall_failed": "Gỡ skill thất bại.",
   "skills.uninstalled": "Đã gỡ skill.",
+  "skills.share_title": "Chia sẻ skill",
+  "skills.share_chooser_subtitle": "Lưu vào tổ chức OpenWork Cloud hoặc tạo liên kết cài đặt công khai.",
+  "skills.share_subtitle_public": "Ai có liên kết cũng có thể cài skill này.",
+  "skills.share_subtitle_team": "Lưu trong tổ chức để đồng đội dùng.",
+  "skills.share_option_team_title": "Chia sẻ với nhóm",
+  "skills.share_option_team_desc": "Thêm skill này vào tổ chức OpenWork Cloud đang chọn.",
+  "skills.share_option_public_title": "Liên kết công khai",
+  "skills.share_option_public_desc": "Tạo liên kết để mọi người cài skill này.",
+  "skills.share_public_intro": "Tạo liên kết công khai. Ai có URL đều có thể cài skill.",
+  "skills.share_publisher_label": "Nhà phát hành",
+  "skills.share_public_create": "Tạo liên kết",
+  "skills.share_public_regenerate": "Tạo lại liên kết",
+  "skills.share_public_creating": "Đang xuất bản…",
+  "skills.share_copy_link": "Sao chép",
+  "skills.share_team_intro": "Lưu vào tổ chức đang chọn để đồng đội cài từ Cloud.",
+  "skills.share_team_org_fallback": "Tổ chức Cloud hiện tại",
+  "skills.share_team_hub_label": "Thêm vào skill hub (tùy chọn)",
+  "skills.share_team_hub_none": "Chỉ tổ chức — không gắn hub",
+  "skills.share_team_hubs_loading": "Đang tải hub…",
+  "skills.share_team_sign_in": "Đăng nhập để chia sẻ với nhóm",
+  "skills.share_team_sign_in_hint": "OpenWork Cloud mở trong trình duyệt. Đăng nhập rồi quay lại đây.",
+  "skills.share_team_save": "Lưu cho nhóm",
+  "skills.share_team_saving": "Đang lưu…",
+  "skills.share_team_success": "Đã lưu vào {org}. Đồng đội có thể cài từ skill của tổ chức.",
+  "skills.share_team_choose_org": "Chọn tổ chức trong Cài đặt → Cloud trước khi chia sẻ.",
+  "skills.share_back": "Quay lại",
+  "skills.share_close": "Đóng",
+  "skills.share_done": "Xong",
   "skills.source_placeholder": "github:anthropics/claude-code",
   "skills.notion_crm_title": "Skills làm giàu dữ liệu Notion CRM",
   "skills.notion_crm_description": "Thêm luồng công việc làm giàu cho liên hệ, pipeline và theo dõi.",
diff --git a/apps/app/src/i18n/locales/zh.ts b/apps/app/src/i18n/locales/zh.ts
index 20771c638..912e798e4 100644
--- a/apps/app/src/i18n/locales/zh.ts
+++ b/apps/app/src/i18n/locales/zh.ts
@@ -247,6 +247,34 @@ export default {
   "skills.uninstall_warning": "这将永久从工作区删除 `{name}` skill。",
   "skills.uninstall_failed": "卸载 skill 失败。",
   "skills.uninstalled": "Skill 已删除。",
+  "skills.share_title": "分享 skill",
+  "skills.share_chooser_subtitle": "保存到 OpenWork Cloud 组织，或发布公开安装链接。",
+  "skills.share_subtitle_public": "拥有链接的任何人都可以安装此 skill。",
+  "skills.share_subtitle_team": "保存在组织中供队友使用。",
+  "skills.share_option_team_title": "与团队分享",
+  "skills.share_option_team_desc": "将此 skill 添加到当前 OpenWork Cloud 组织。",
+  "skills.share_option_public_title": "公开链接",
+  "skills.share_option_public_desc": "创建任何人都可以使用的安装链接。",
+  "skills.share_public_intro": "发布公开链接。拥有 URL 的任何人都可以安装此 skill。",
+  "skills.share_publisher_label": "发布方",
+  "skills.share_public_create": "创建链接",
+  "skills.share_public_regenerate": "重新生成链接",
+  "skills.share_public_creating": "发布中…",
+  "skills.share_copy_link": "复制",
+  "skills.share_team_intro": "保存到当前组织，队友可从 Cloud 安装。",
+  "skills.share_team_org_fallback": "当前 Cloud 组织",
+  "skills.share_team_hub_label": "添加到 skill 中心（可选）",
+  "skills.share_team_hub_none": "仅组织 — 不加入中心",
+  "skills.share_team_hubs_loading": "正在加载中心…",
+  "skills.share_team_sign_in": "登录后与团队分享",
+  "skills.share_team_sign_in_hint": "浏览器将打开 OpenWork Cloud。登录后返回此处。",
+  "skills.share_team_save": "保存到团队",
+  "skills.share_team_saving": "保存中…",
+  "skills.share_team_success": "已保存到 {org}。队友可从组织 skill 安装。",
+  "skills.share_team_choose_org": "请先在设置 → Cloud 中选择组织。",
+  "skills.share_back": "返回",
+  "skills.share_close": "关闭",
+  "skills.share_done": "完成",
   "skills.source_placeholder": "github:anthropics/claude-code",
   "skills.notion_crm_title": "Notion CRM 增强技能",
   "skills.notion_crm_description": "为联系人、管道和跟进添加增强工作流。",
diff --git a/apps/story-book/src/new-layout.tsx b/apps/story-book/src/new-layout.tsx
index 4471cb7cd..0c928cf5f 100644
--- a/apps/story-book/src/new-layout.tsx
+++ b/apps/story-book/src/new-layout.tsx
@@ -18,7 +18,6 @@ import type { OpenworkServerClient } from "../../app/src/app/lib/openwork-server
 import ExtensionsView from "../../app/src/app/pages/extensions";
 import IdentitiesView from "../../app/src/app/pages/identities";
 import ScheduledTasksView from "../../app/src/app/pages/scheduled";
-import SkillsView from "../../app/src/app/pages/skills";
 import {
   applyThemeMode,
   getInitialThemeMode,
@@ -1519,43 +1518,11 @@ export default function NewLayoutApp() {
                       </Show>
 
                       <Show when={settingsTab() === "skills"}>
-                        <SkillsView
-                          workspaceName={activeWorkspace().displayName ?? activeWorkspace().name}
-                          busy={false}
-                          canInstallSkillCreator={true}
-                          canUseDesktopTools={true}
-                          accessHint={null}
-                          refreshSkills={refreshSkills}
-                          refreshHubSkills={refreshHubSkills}
-                          skills={skills()}
-                          skillsStatus="Story-book sandbox loaded."
-                          hubSkills={hubSkills()}
-                          hubSkillsStatus="OpenWork Hub ready."
-                          hubRepo={hubRepo()}
-                          hubRepos={hubRepos()}
-                          importLocalSkill={importLocalSkill}
-                          installSkillCreator={installSkillCreator}
-                          installHubSkill={installHubSkill}
-                          setHubRepo={(repo) =>
-                            setHubRepo(
-                              repo
-                                ? {
-                                    owner: repo.owner?.trim() || initialHubRepo.owner,
-                                    repo: repo.repo?.trim() || initialHubRepo.repo,
-                                    ref: repo.ref?.trim() || initialHubRepo.ref,
-                                  }
-                                : null,
-                            )
-                          }
-                          addHubRepo={addHubRepo}
-                          removeHubRepo={removeHubRepo}
-                          revealSkillsFolder={revealSkillsFolder}
-                          uninstallSkill={uninstallSkill}
-                          readSkill={readSkill}
-                          saveSkill={saveSkill}
-                          createSessionAndOpen={createSessionAndOpen}
-                          setPrompt={(value) => openChatWithPrompt(value, "Skill action moved to chat.")}
-                        />
+                        <div class="rounded-[20px] border border-dls-border bg-dls-surface p-6 text-[14px] text-dls-secondary">
+                          Skills (installed, team catalog, GitHub hub) runs in the full app with{" "}
+                          <code class="rounded bg-dls-hover px-1 py-0.5 font-mono text-[12px]">ExtensionsProvider</code>.
+                          Use the OpenWork app shell to exercise this surface.
+                        </div>
                       </Show>
 
                       <Show when={settingsTab() === "extensions"}>