全部能力

面向 AI 智能体的可视化 UI 标注工具。将 React 工具栏嵌入任意应用——人类点击元素并留下反馈，智能体接收结构化 CSS…

dontbesilent 内容创作诊断。选题通过后，诊断怎么把这个选题做成好内容。 触发方式：/dbs-content、/内容诊断、「这个内容怎么做」「帮我看看这个文案」

dontbesilent 概念拆解。运用维特根斯坦 + 奥派经济学框架，将模糊的商业概念拆解至原子级别。触发方式：/dbs-deconstruct、/拆概念、“帮我拆解这个概念”、“这个词到底什么意思” Concept deconstruction using Wittgenstein + Austrian economics framework. Trigger: /dbs-deconstruct, "deconstruct this concept", "what does this really mean"

Bulk data enrichment. Adds web-sourced fields (CEO names, funding, contact info) to lists of companies, people, or products. Use for enriching CSV files or…

dontbesilent 执行力诊断。用阿德勒心理学框架诊断你「知道该做什么但就是不做」的真正原因。 触发方式：/dbs-action、/action、「我知道该怎么做但就是不做」「为什么我总是拖延」 使用阿德勒心理学框架进行执行力诊断。触发方式：/dbs-action、“我知道该怎么做但就是不做”、“为什么我总是拖延”

Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands: superdesign create-project --title "X" (setup project), superdesign create-design-draft --project-id <id> --title "Current UI" -p "Faithfully reproduce..." --context-file src/Component.tsx (faithful reproduction), superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx (design variations), superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx (extend to more pages), superdesign create-component --project-id <id> --name "NavBar" --html-file /tmp/navbar.html --props '[...]' (extract reusable component), superdesign update-component --component-id <id> --html-file /tmp/navbar.html (update existing component), superdesign list-components --project-id <id> (list existing components). Supports line ranges: --context-file path:startLine:endLine

为任何组件、页面或视觉界面生成独特、达到生产级标准的 UI。当用户发送带有…的图片时，可处理基于截图的迭代。

dontbesilent 短视频开头优化。诊断开头问题 + 生成优化方案。 触发方式：/dbs-hook、/hook、「帮我优化开头」「开头怎么写」 短视频开头优化，提供诊断与解决方案。触发方式：/dbs-hook、"optimize my opening"、"how to write opening"

在 Angular v20+ 中使用 `inject()`、InjectionToken 和 provider 配置实现依赖注入。用于服务架构，提供…

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions…

指导如何通过 Google Gen AI SDK 在 Agent Platform 上使用 Gemini API。当用户询问在企业环境中使用 Gemini 或…时使用。

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then…

创建交互式 HTML 练习场——独立的单文件探索器，允许用户通过控件进行可视化配置、查看实时预览……

面向生产应用的 Laravel 架构模式、路由/控制器、Eloquent ORM、服务层、队列、事件、缓存和 API 资源。

Expert product design covering UI/UX design, design systems, prototyping, user research, and design thinking. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establishing design principles for a product.

创建世界级的 PowerPoint 演示文稿，具备专业设计、一致的品牌风格、精美的动画和完善的视觉层级。适用于……

小红书标题公式工具。从 75 个验证过的爆款公式中，帮你挑对的、用对的、理解为什么用这个。 触发方式：/dbs-xhs-title、/小红书标题、「帮我起个小红书标题」「小红书标题公式」 Xiaohongshu title formula tool. Pick the right formula from 75 proven templates. Trigger: /dbs-xhs-title, "xiaohongshu title", "RED title formula"

构建生产级 UI。适用于构建或修改面向用户的界面。适用于创建组件、实现布局、管理状态或……

指导稳定的 API 与接口设计。适用于设计 API、模块边界或任何公共接口。适用于创建 REST 或 GraphQL 端点，…

审查并修复网页 UI 中的视觉层级、间距、色彩和深度。适用于用户提到"我的 UI 看起来不对劲"、"修复设计"、"Tailwind 样式"等场景。