skills.rest
carere
carereCOMMUNITY
Explore all skills by this author →
Website𝕏@carere_devGitHub

react-to-solid

Convert React components to SolidJS using Kobalte/Corvu mappings.

124|7|Updated Dec 30, 2025
Search Tags:#react#mapping#transform#solidjs#ui-primitives#kobalte#corvu
One-click install
npx skills add https://github.com/carere/zaidan --skill react-to-solid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-to-solid
Source: https://github.com/carere/zaidan/tree/main/.claude/skills/react-to-solid
Command: npx skills add https://github.com/carere/zaidan --skill react-to-solid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React-to-Solid rules centralize conversion guidance from React (Shadcn) to SolidJS via Kobalte/Corvu primitives, enabling consistent, reusable transformations for engineers and automation agents.

Core Features & Use Cases

  • Centralized mapping tables for attributes, props, imports between React and SolidJS UI primitives.
  • Detailed patterns for component parts and advanced scenarios to guide automated conversions.
  • Real-world applicability: convert a library of shadcn components to SolidJS with predictable results.

Quick Start

Ask an agent to apply the React-to-SolidJS transformation rules in this skill to convert a React component to SolidJS equivalent.

Frequently Asked Questions about react-to-solid

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

FAQPage Schema
How do I convert React shadcn components to SolidJS?▼

Converting React components to SolidJS requires mapping className to class, adjusting prop destructuring, and translating conditional and list rendering patterns. Imports from @base-ui/react-* are mapped to @kobalte/core/* or Corvu primitives.

What are the mapping rules for React to SolidJS UI primitives?▼

Mapping rules cover attribute translations like className to class, default prop handling, and import substitutions between @base-ui/react-* and @kobalte/core/* or Corvu primitives for shadcn-based components.

Does transforming React to SolidJS support conditional and list rendering patterns?▼

The React to SolidJS transformation includes detailed patterns for handling conditional rendering and list rendering to ensure predictable conversions of typical shadcn components.

What are the limitations of automated React to SolidJS code conversion?▼

Unsupported patterns outside standard mappings are flagged for human review during processing. The conversion scope is limited to typical shadcn-based components using Kobalte or Corvu primitives.

Can I use Kobalte and Corvu primitives to replace shadcn React components?▼

Kobalte and Corvu primitives are the target replacements for shadcn React components. The transformation rules provide centralized mapping tables to swap imports and attributes for SolidJS compatibility.

Related Skills

Explore More Software Engineering Skills→
emaginebremaginebr
1

react-modal

Create modal dialogs in React using the react-bootstrap Modal component.

Official
Basic
flutterflutter
2.8k

flutter-add-widget-test

Write Flutter widget tests using the WidgetTester API to verify UI rendering and interactions.

Official
Intermediate
The1nkThe1nk
2

frontend-design

Apply WPF XAML styling and theming guidelines for .NET 10 applications.

Community
Intermediate
yequdesuyequdesu

gsap-frameworks

Animate UI components in Vue, Svelte, and non-React frameworks with GSAP lifecycle hooks.

Community
Intermediate