smithery/antdigital-ai

agentic-ui-development

Guides development workflow, design system, scripts, and component inventory for @ant-design/agentic-ui. Use when onboarding, adding new components, running build/test/docs, or asking about project structure, conventions, or component list. Triggers on agentic-ui, development workflow, 开发流程, 组件?

Installation

$ npx skills add smithery/antdigital-ai --skill agentic-ui-development

Summary

  • Guides development workflow, design system, scripts, and component inventory for @ant-design/agentic-ui.
  • Use when onboarding, adding new components, running build/test/docs, or asking about project structure, conventions, or component list.
  • Triggers on agentic-ui, development workflow, 开发流程, 组件??

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents cursor

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,001 B
  • docs SUMMARY.md 357 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

Agentic UI 项目开发

@ant-design/agentic-ui 整体开发流程、规范与组件清单。具体组件实现见各 component-xxx Skill。

规范入口

  • 编码与仓库规范:仓库根目录 [AGENTS.md](../../AGENTS.md)(命名、TypeScript、样式、测试、Git/PR、Changelog)。
  • 组件级约定:各 .cursor/skills/component-xxx/SKILL.md 与 AGENTS.md 一致。

常用命令

用途 命令
文档站点 pnpm starthttp://localhost:8000)
构建 pnpm run build
单元测试 日常 pnpm test(精简);全量 pnpm run test:full--mode full);覆盖率 pnpm run test:coverage / 全量 pnpm run test:coverage:full(同全量 exclude + --coverage
E2E pnpm run test:e2e,调试 pnpm run test:e2e:debug
检查 pnpm run lintpnpm tsc
格式化 pnpm run prettier

项目与组件结构

  • 源码src/,单组件目录含 ComponentName.tsxstyle.tstypes.tsindex.tsx,子组件/hooks/utils 按需。
  • 导出入口src/index.ts 按功能分区导出;新增组件需在此处与对应组件 index 中声明。
  • 文档docs/,Dumi 配置 .dumirc.ts
  • 测试tests/(Vitest)、e2e/(Playwright)。
  • 脚本scripts/(如 checkDemoFiles.jsbumpVersion.jsgenerateDemoReport.js)。

组件清单(与 src/index.ts 对应)

  • 布局:AgenticLayout、Workspace、ChatLayout、ChatBootPage
  • 聊天气泡:Bubble(AIBubble、UserBubble、List)
  • 思维链/工具:ThoughtChainList、ToolUseBar、ToolUseBarThink
  • 任务/运行:AgentRunBar、TaskList
  • 历史:History
  • 编辑器/输入:MarkdownEditor、MarkdownInputField
  • Schema:SchemaForm、SchemaEditor、SchemaRenderer、validator
  • 插件:Plugins(chart、code、formatter、mermaid)
  • 基础 UI:AILabel、AnswerAlert、BackTo、Quote、WelcomeMessage
  • 通用子组件:ActionIconBox、ActionItemBox、Button、GradientText、LayoutHeader、Loading、Robot、SuggestionList、TextAnimate、TypingAnimation、VisualList、lotties

新组件/新功能时

  1. 遵循 AGENTS.md 的命名、Props/事件、Ref、样式(createStyles + token)、文件组织。
  2. src/index.ts 增加导出;如有新组件 Skill,在 .cursor/skills/README.md 中补充一览。
  3. 补全类型、测试(覆盖率 ≥80%)与文档/Changelog(中英文)。

开发或排查时优先查 AGENTS.md 与对应 component-xxx Skill,再改源码与入口。