skills.rest
dsa110
dsa110OFFICIAL
Explore all skills by this author →
WebsiteGitHub

dagster-ui-migration

Migrate React components from Blueprint.js to Dagster's UI library.

Updated Aug 27, 2026
Search Tags:#typescript#react#component library#ui migration#blueprintjs#dagster ui
One-click install
npx skills add https://github.com/dsa110/dsa110-contimg --skill dagster-ui-migration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dagster-ui-migration
Source: https://github.com/dsa110/dsa110-contimg/tree/main/backend/.github/skills/dagster-ui-migration
Command: npx skills add https://github.com/dsa110/dsa110-contimg --skill dagster-ui-migration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the complex process of migrating React components from the legacy Blueprint.js UI library to Dagster's modern, in-house UI component library, ensuring type safety and modern styling.

Core Features & Use Cases

  • Component Mapping: Provides clear mappings between Blueprint and Dagster components.
  • Pattern Identification: Documents common migration challenges and their solutions (e.g., styled component prop handling, intent type mismatches).
  • TypeScript Error Resolution: Guides users through fixing TypeScript compilation errors that arise during migration.
  • Use Case: A developer needs to update a React dashboard that uses Blueprint components. They can use this Skill to quickly find the Dagster equivalents, understand how to adapt props, and resolve any resulting TypeScript errors, significantly speeding up the migration.

Quick Start

Use the dagster-ui-migration skill to find the Dagster equivalent for Blueprint's Tag component.

Frequently Asked Questions about dagster-ui-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate React components from Blueprint.js to Dagster UI?▼

To migrate React components from Blueprint.js to Dagster UI, use this Skill to find documented component mappings, adapt prop handling for styled-components, and resolve TypeScript intent type mismatches.

What is the Dagster UI equivalent of a Blueprint Tag component?▼

The Dagster UI component library provides direct replacements for Blueprint.js components like Tag and Popover. This Skill provides clear component mappings to identify the correct Dagster equivalent for your React application.

Why does my TypeScript compilation fail when migrating to Dagster UI components?▼

TypeScript compilation fails during Dagster UI migration due to intent type mismatches and styled-component prop handling errors. This Skill provides troubleshooting steps to resolve these specific TypeScript type errors.

Can I use this migration guide for a TypeScript React dashboard using Blueprint components?▼

Yes, you can use this Skill to migrate a TypeScript React dashboard from Blueprint.js. It provides API references and migration patterns to quickly find Dagster equivalents and adapt props for your dashboard.

What's the best way to handle styled-component props during a Blueprint to Dagster UI migration?▼

The best way to handle styled-component props during a Blueprint to Dagster UI migration is to follow the documented patterns provided by this Skill to ensure type safety and adapt prop structures correctly.

Related Skills

Explore More Software Engineering Skills→
cbbkrd-techcbbkrd-tech

ln-721-frontend-restructure

Restructure monolithic React codebases into component-based architectures with TypeScript and Vite.

Community
Advanced
buildworksaibuildworksai

react-best-practices

Enforce React and TypeScript frontend patterns with TanStack Query and Zustand.

Community
Intermediate
anicca-labsanicca-labs

coding-standards

Enforce React Native coding standards with TypeScript, Prettier, and custom rules.

Official
Intermediate
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic