メニュー
Develop AILabel for AI content watermark or label in @ant-design/agentic-ui. Use when showing AI tag, watermark, or emphasis label. Triggers on AILabel, AI label, watermark, status default emphasis.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/antdigital-ai/agentic-ui --skill component-ai-labelコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Develop TaskList for step or task status display in @ant-design/agentic-ui. Use when showing task items, expand/collapse, status icons, or thought chain in tasks. Triggers on TaskList, task list, task item, step list, TaskItem, TaskStatus.
Develop AgenticLayout (left-center-right layout with header) in @ant-design/agentic-ui. Use when building app shell, sidebar layout, or three-column layout. Triggers on AgenticLayout, layout, left center right, header, sidebar.
指导用户使用 @ant-design/agentic-ui 的 Markdown Editor / Renderer 扩展语法。图表场景**优先使用内置 chart**（HTML 注释 `chartType` + 表格），**只有当内置 chartType 都不能表达诉求时才回退 Mermaid**。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 流程图, 语法, 怎么写, how to write table chart video card mermaid.
| name | component-ai-label |
| description | Develop AILabel for AI content watermark or label in @ant-design/agentic-ui. Use when showing AI tag, watermark, or emphasis label. Triggers on AILabel, AI label, watermark, status default emphasis. |
AI 标识/水印标签：默认、水印、强调等状态。
src/AILabel/index.tsxAIGraphic、AIGraphicDisabled、src/AILabel/style.tsAILabelStatus（'default' | 'watermark' | 'emphasis'）、AILabelPropsstatus、偏移等；继承 React.HTMLAttributes<HTMLSpanElement>修改 AI 标签时，参考 src/AILabel/ 与 AGENTS.md。