| name | zaidan-agent |
| description | Workflow for porting shadcn-style React components to SolidJS. Use when syncing or porting components from shadcn or external shadcn-style registries, resolving React source/playground/docs/examples, choosing Zaidan target paths, testing the transformed component, or updating the Zaidan registry. |
Zaidan Agent
Use this skill as the workflow contract for porting shadcn-style React
components, examples, docs, and blocks into Zaidan. Use
.agents/skills/react-to-solid/SKILL.md for React-to-SolidJS syntax and
primitive translation rules.
Inputs
Accept any mix of:
- Component names, such as
dialog, button, or data-table
- Raw source URLs
- External shadcn-style registry URLs
- Source, playground, docs, or example URLs
- Filter patterns when syncing from a registry
- Dry-run requests that should report resolved work without editing
- Extra transformation guidance from the user
URL templates may contain <name> or {component} placeholders. Replace them
with the source component name before fetching.
Workflow
When asked to port a component:
- Determine whether the source is built-in shadcn, a raw source URL, or an
external shadcn-style registry/component.
- Resolve the React source from the component name, URL, or registry metadata.
- Get a live URL for the original React component when available, then inspect
it with a browser to understand behavior, states, keyboard interactions,
responsive behavior, and edge cases.
- If running inside this Zaidan repo, also fetch docs and examples so the
component can be added to the registry site.
- Transform the component, docs, and examples with help from the
react-to-solid skill.
- Run the transformed component locally and test it with a browser.
