workflow-builder
Prerequisite: This skill requires a schema0 template project. Before using, ensure
CLAUDE.mdexists in the project root and read it for project rules and conventions.
React Flow Skill (Progressive Disclosure)
Use this skill for production React Flow work. Keep SKILL.md for invariants only. Load reference files only as needed.
Critical Setup Rules
- Install and import: use
@xyflow/react(notreactflow). - Use named imports only:
import { ReactFlow, ... } from '@xyflow/react'(no defaultReactFlowimport). - Import styles from
@xyflow/react/dist/style.css(or@xyflow/react/dist/base.cssfor custom theming). - Use immutable node/edge updates only. Do not mutate node or edge objects in place.
Non-Negotiable Rules
ReactFlowis a named export, not a default export.- Read measured dimensions from
node.measured?.width/node.measured?.height. node.width/node.heightare for fixed dimensions, not measured dimensions.- Use
parentId(notparentNode).
More from schema0/ai-agent-plugins
manage-secrets
Add and manage application secrets and environment variables. Use when adding API keys, credentials, or updating env.ts.
2schema-gen
Generates database table schema with Drizzle ORM (project)
2rls-setup
Set up database tables with Row-Level Security policies, configure authenticated connections, and implement secure user-scoped data access patterns (Do not apply this skill unless specifically asked by user) (project)
2api-router
Generates ORPC routers with drizzle-zod schemas from db package, bulk operations, and protected procedures (project)
2handle-views
Generates route components - List Route and Detail Route (project)
2ai-integration
Generate AI-powered features using AI SDK with oRPC. Use when building chat apps, AI endpoints, or integrating LLMs.
2