Skip to main content

plate-ui

Use before editing Plate React components, hooks, providers, registry UI or kits, including drag, drop, handle menus and indicators. Preserve open code and prove the affected browser behavior.

来源信息

仓库
udecode/plate
最近来源活动
2026年10月12日 22:51
检测到的 SKILL.md 语言
英语
星标
16,655
分支
994

安装方式

默认使用会先检查来源的 Prompt;你也可以切换为直接命令,或下载本地副本。

检查来源文件

决定是否安装前,请先阅读 SKILL.md,以及 SkillsMP 当前展示的配套文件。

文件资源管理器
4 个文件

正在显示 SKILL.md

SKILL.md
来源说明 · 只读预览
description
Use before editing Plate React components, hooks, providers, registry UI or kits, including drag, drop, handle menus and indicators. Preserve open code and prove the affected browser behavior.
name
plate-ui
metadata
{"skiller":{"source":".agents/rules/plate-ui.mdc"}}
# Plate UI Start with `shadcn` for its CLI and upstream components. Read the nearest current component and package owner before designing a new family. Read [Component shape](rules/component-shape.md) for renderer contracts, [Registry wiring](rules/registry.md) when changing copied installation metadata, and [Shadcn proofing](rules/shadcn-proofing.md) for copied component implementation or review. The copied UI lives under `apps/www/src/registry/ui`; editor composition and kits live under `apps/www/src/registry/components/editor`, including `plugins/*-kit.tsx`. Registry metadata lives in `registry-*.ts` beside them. - Keep copied components readable and editable by the consuming application. - Put durable editor behavior in its package. Local popover, menu, styling and renderer behavior remain in copied UI unless independent reuse proves a package contract. - Use a direct component by default. A shared family controller or private context needs actual sibling coordination. Derive state during render when possible; use event handlers for user actions and subscribe only to rendered editor state. - Forward the complete incoming renderer props. Keep live and static renderer setup explicit where their ownership differs. Preserve explicit feature plugins in teaching examples even when a full app kit already includes them. - Use the existing `createPlatePlugin`/Slate adapter contracts and inferred editor APIs. Fix weak package typing rather than mirroring it locally. - Use stable `data-slot` identities and `data-state` for interaction state. Follow the installed Tailwind version and semantic tokens. - Update relevant registry items, feature metadata, examples and dependencies together. A hook, style or kit needs a real installed consumer. - `changeset` owns registry changelog entries. CI owns registry build output. - `verify` proves the exact reporter route or actual registered demo. Native drag, focus, selection and paint claims require their native interaction. Use selected `vercel-react-best-practices` rules for implementation tactics. Those rules do not choose public APIs or require an extra provider or hook.
在 GitHub 查看