Automatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes programmatically. Triggers on dagre, auto-layout, automatic layout, getLayoutedElements, rankdir, hierarchical graph.
Englishdockview-react panel layout library. Use when building multi-panel IDE-style layouts, implementing dockable/floatable panels, persisting layout state, or debugging dockview. Triggers on DockviewReact, IDockviewPanelProps, DockviewApi, DockviewReadyEvent, addPanel, fromJSON, toJSON, onReady, components prop.
EnglishReview a production UX checkout harness run against the deployed Studio (daikonic). Use after pnpm --filter @rune-langium/studio run test:prod-ux (or test:prod-smoke) completes, when the user asks to review/triage a prod checkout run, or when a nightly prod-ux artifact needs auditing. Consumes report/run-manifest.json + screenshots + traces and produces a severity-ranked UX review with per-journey verdicts.
EnglishRouter skill for the rune-langium monorepo. Use it to choose the right package skill before working in core, cli, lsp-server, codegen, or visual-editor.
EnglishLangium port for Rune DSL tooling Use when working with rune, rosetta, dsl, langium, cdm, isda, drr, finos, language-server, lsp, visual-editor, reactflow.
EnglishDocumentation site and generated agent skills for rune-langium APIs Use when: Validating a single .rosetta file or snippet in memory.
EnglishLangium port for Rune DSL tooling Use when working with rune, rosetta, dsl, langium, cdm, isda, drr, finos, language-server, lsp, visual-editor, reactflow.
EnglishDocumentation site and generated agent skills for rune-langium APIs Use when: Embedding a Rune DSL language server in a web application via WebSocket.
EnglishDocumentation site and generated agent skills for rune-langium APIs Use when: Rendering two or more RuneTypeGraph components simultaneously (different....
EnglishUse when the user asks to "port an Xtext grammar to Langium", "migrate from Xtext to Langium", "convert Xtext grammar", "translate .xtext to .langium", "replace EMF metamodel with Langium AST", "port Xcore operations to TypeScript", "handle syntactic predicates in Langium", "restructure LL() grammar for LL(k)", "port Xtext scoping to Langium ScopeProvider", "port Xtext validation rules", or mentions migrating any Eclipse Xtext DSL to TypeScript/Langium.
EnglishRuntime renderer for Zod v4 schemas Use when: You need form rendering in storybook, playgrounds, or low-traffic admin UIs —.... Also: zod, zod-v4, react, forms, form-generation, react-hook-form, schema-driven, dynamic-forms, form-renderer, hookform-resolver, zod-form-renderer.
EnglishVite plugin for zod-to-form — transforms ?z2f imports into generated form components and optionally replaces JSX call sites with generated components at build time Use when: You want import SignupForm from './signup.schema?z2f' to Just Work in a.... Also: vite, vite-plugin, zod, zod-v4, codegen, forms, form-generation, schema-driven, react-hook-form, build-plugin, jsx-transform.
English
AGENT SKILLS ATLASIncludes Dagre React Flow, Prod UX Review, Rune Langium, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Dagre React Flow
Automatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes programmatically. Triggers on dagre, auto-layout, automatic layout, getLayoutedElements, rankdir, hierarchical graph.
Dockview
dockview-react panel layout library. Use when building multi-panel IDE-style layouts, implementing dockable/floatable panels, persisting layout state, or debugging dockview. Triggers on DockviewReact, IDockviewPanelProps, DockviewApi, DockviewReadyEvent, addPanel, fromJSON, toJSON, onReady, components prop.
Prod UX Review
Review a production UX checkout harness run against the deployed Studio (daikonic). Use after pnpm --filter @rune-langium/studio run test:prod-ux (or test:prod-smoke) completes, when the user asks to review/triage a prod checkout run, or when a nightly prod-ux artifact needs auditing. Consumes report/run-manifest.json + screenshots + traces and produces a severity-ranked UX review with per-journey verdicts.
Rune Langium
Router skill for the rune-langium monorepo. Use it to choose the right package skill before working in core, cli, lsp-server, codegen, or visual-editor.
Rune Langium Codegen
Langium port for Rune DSL tooling Use when working with rune, rosetta, dsl, langium, cdm, isda, drr, finos, language-server, lsp, visual-editor, reactflow.
Rune Langium Core
Documentation site and generated agent skills for rune-langium APIs Use when: Validating a single .rosetta file or snippet in memory.
Rune Langium Design System
Langium port for Rune DSL tooling Use when working with rune, rosetta, dsl, langium, cdm, isda, drr, finos, language-server, lsp, visual-editor, reactflow.
Rune Langium Lsp Server
Documentation site and generated agent skills for rune-langium APIs Use when: Embedding a Rune DSL language server in a web application via WebSocket.
Rune Langium Visual Editor
Documentation site and generated agent skills for rune-langium APIs Use when: Rendering two or more RuneTypeGraph components simultaneously (different....
Xtext to Langium
Use when the user asks to "port an Xtext grammar to Langium", "migrate from Xtext to Langium", "convert Xtext grammar", "translate .xtext to .langium", "replace EMF metamodel with Langium AST", "port Xcore operations to TypeScript", "handle syntactic predicates in Langium", "restructure LL() grammar for LL(k)", "port Xtext scoping to Langium ScopeProvider", "port Xtext validation rules", or mentions migrating any Eclipse Xtext DSL to TypeScript/Langium.
Zod to Form React
Runtime renderer for Zod v4 schemas Use when: You need form rendering in storybook, playgrounds, or low-traffic admin UIs —.... Also: zod, zod-v4, react, forms, form-generation, react-hook-form, schema-driven, dynamic-forms, form-renderer, hookform-resolver, zod-form-renderer.
Zod to Form Vite
Vite plugin for zod-to-form — transforms ?z2f imports into generated form components and optionally replaces JSX call sites with generated components at build time Use when: You want import SignupForm from './signup.schema?z2f' to Just Work in a.... Also: vite, vite-plugin, zod, zod-v4, codegen, forms, form-generation, schema-driven, react-hook-form, build-plugin, jsx-transform.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Dagre React Flow skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.