Add suitable Suspense boundaries to Sanity Studio custom form components.
内容更新日:
npx skills add sanity-io/agent-toolkit --skill sanity-form-component-suspenseAdd suitable Suspense boundaries to Sanity Studio custom form components.
Task-specific guidance from Sanity’s repository.
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。
Scan React projects for correctness, accessibility, security, architecture and performance findings; triage and fix issues with the upstream workflow.
Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from `@/components/agent-elements/*` or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat", "InputBar", "tool renderer", mentions of Agent Elements, or requests to add a new agent surface with shadcn. Do NOT use for plain chat UIs that don't need tool/plan/approval cards, or for projects already committed to a different agent UI kit.
Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.
Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.