[REQUEST] UI: Make Skills a top-level sidebar resource, like Knowledge bases

未关闭
#8,018 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
52/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
活跃
技术栈
react, typescript
领域
frontend

调研方向

Start by tracing the sidebar's additionalActivePaths, the Skills page's IntegrationTabsHeader, and RESOURCE_MENU_ORDER, then follow the /skills routes and legacy ?skillId= redirect. Check the existing Knowledge bases, Tables, and Files resource flows for the corresponding entry points. Done means Skills has matching sidebar, flyout, list, Chat, search, row-action, permission, and backward-compatibility behavior without Integrations highlighting it.

由索引模型根据 Issue 内容生成。

描述

feature

Is your feature request related to a problem? Please describe.

Finding and managing skills can be frustrating because they’re hidden as a tab within the Integrations section. Skills are content my team writes to shape how agents behave, so they're much closer to a Knowledge base than to an external service. Because of where they sit today:

  • Hard to find. New builders don't expect Skills under Integrations, and many never learn the feature exists.
  • Wrong mental model. Integrations are services you connect with credentials. Putting Skills next to them suggests a Skill is a kind of connector.
  • Confusing active state. On /skills, the sidebar highlights Integrations, so it's unclear where you are.
  • Missing features other resources have. Tables and Files get rail flyouts and appear in the + / @ resource menus in Chat. Skills get neither.

Describe the solution you'd like

Move Skills into the workspace resources section of the sidebar and give it the same UX as Knowledge bases.

  • Sidebar entry: add a Skills nav item with its own icon, after Knowledge bases: Tables · Files · Knowledge bases · Skills · Logs. It's active on every /skills/* route, and Integrations is no longer highlighted there.
  • Rail flyout: in the collapsed sidebar, hovering Skills shows recent skills and a New skill action, like Tables and Files.
  • Standalone page: /skills gets the same layout as the Knowledge bases list: header, search, New skill / Import, and a resource list. Remove the Skills tab from the Integrations header.
  • Chat and search: add Skills as a family in the + attach, @ mention and resource-tab menus, in sidebar order. Open a skill as a resource tab in Chat, and make individual skills searchable in ⌘K.
  • Row actions: give skill rows the same context menu as other resources: Open, Rename, Duplicate, Copy link, Manage members, then Delete after a separator.
  • Permissions: add a hideSkillsTab permission-group option that works like hideKnowledgeBaseTab.
  • Backward compatibility: keep existing /skills URLs and the legacy ?skillId= redirect. Send any old Integrations → Skills links to /skills.

Describe alternatives you've considered

  • Keep Skills under Integrations and add a sidebar shortcut. This helps people find Skills but keeps the wrong mental model and duplicates the entry point.
  • Put Skills inside Knowledge bases. They're related, but Skills are instructions and Knowledge bases are searchable documents. Merging them would blur two different jobs.
  • Put Skills inside Agents. Skills are shared across agents and workflows, so tying them to one agent's settings would hide their reuse.

Additional context

  • Why it matters: every resource an agent draws on (Tables, Files, Knowledge bases, Skills) should be found, opened and managed the same way. Skills are among the best ways to make agents reliable, so they should be easy to see.
  • Where it lives today: the sidebar sets additionalActivePaths: ['/workspace/{id}/skills'] on the Integrations nav item, the Skills page renders under IntegrationTabsHeader, and RESOURCE_MENU_ORDER has no skills family.
主要语言
TypeScript
星标
29.8k
派生
3.9k
平均合并
1 小时 44 分钟
30 天内合并 PR
841

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

simstudioai/sim 的其他 Issue

查看 simstudioai/sim 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。