udecodeOfficial·89 Agent Skills Included

plate-playground-template

React, Next.js, and shadcn editor development workflows

Guides code generation, review, and testing for a Next.js rich-text editor built with Plate and shadcn/ui. Covers React performance rules, TypeScript advanced types, accessible component patterns, TDD, PR feedback resolution, and browser debugging. Removes guesswork from styling, effects, and verification so changes ship faster with fewer review cycles.

240|75

↗

npx skills add udecode/plate-playground-template --all -g -y

Available:

Tells the agent to load relevant skills before editing, follow strict verification steps (typecheck, lint, build, browser proof), and route work through the repository's skill overrides and command rules.

All Skills in This Repository (89)

Pure Emerald Level Indicators

📦 In Repo

udecode

components

Create composable React components using data attributes for styling and theming.

vercel-react-best-practices

Apply Vercel performance optimization rules to React and Next.js code.

code-simplicity-reviewer

Review code for simplicity and YAGNI violations.

planning-with-files

Create markdown files to manage progress, findings, and session logs.

report-bug

Collect bug details and environment data to create GitHub issues via gh CLI.

file-todos

Manage file-based todos with markdown and YAML frontmatter.

proof

Create and manage shared markdown documents via web API and macOS bridge.

ce-work

Execute work plans by breaking down tasks, setting up environments, and implementing features.

lint

Run standardrb, erblint, and brakeman checks on Ruby and ERB files.

workflows-review

Reviews GitHub pull requests and branches via AI analysis.

install

Install all dotai registry items using a single bash command.

trace

Trace bugs backward through the call stack to identify original error triggers.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install plate-playground-template skills?▼

Run `npx skills add udecode/plate-playground-template --all -g -y` in your terminal to install all skills globally.

What does this template include?▼

It is a Next.js starter with the Plate rich-text editor, shadcn/ui components, and AI editing features, plus skills that enforce React, TypeScript, and testing best practices.

How do the skills improve React code quality?▼

Skills like vercel-react-best-practices and react-useeffect teach the agent to avoid waterfalls, cut bundle size, and replace unnecessary Effects with simpler patterns.

Does it work with Claude Code and Codex?▼

Yes. The skills follow the standard SKILL.md format and the repo ships AGENTS.md and CLAUDE.md orchestration files for major coding agents.

Can it resolve PR review feedback automatically?▼

Yes. The resolve-pr-feedback skill fetches review threads, triages each comment, fixes valid issues, replies, and resolves threads with evidence.