Zaidan Skills

Zaidan ships focused coding-agent skills for two different jobs:

• zaidan configures the published Zaidan registry in an existing SolidJS project and recommends components for the interface you want to build.
• shadcn-to-zaidan ports shadcn/ui or shadcn-compatible React sources into the Zaidan registry. It uses the focused react-to-solid transformation skill.

Install

Install the repository skills with the skills tool:

pnpm dlx skills add carere/zaidan

npx skills add carere/zaidan

yarn dlx skills add carere/zaidan

bunx --bun skills add carere/zaidan

Use zaidan

Use zaidan for consumer-side work in an existing SolidJS application.

Use the zaidan skill to configure this SolidStart project and add the components
needed for a searchable settings form.

The skill inspects the project's framework, package manager, Tailwind setup, aliases, and existing components.json. It can configure the @zaidan registry, recommend the smallest suitable component composition, add the published items, and validate the generated SolidJS code.

You can also ask for component guidance without installing anything:

Use the zaidan skill to recommend components for a mobile filter flow. Explain
when I should choose a drawer instead of a sheet.

Use shadcn-to-zaidan

Use shadcn-to-zaidan when the task changes the Zaidan registry itself: a new port, an upstream release sync, an external registry import, or a meaningful update to an existing Zaidan item.

Port From shadcn/ui

Use the shadcn-to-zaidan skill to port the shadcn dialog component.

The skill resolves the pinned React source, documentation, examples, and registry metadata; inspects the original behavior; translates the implementation to SolidJS; and updates the matching Zaidan artifacts.

Port From a shadcn-Compatible Registry

Use the shadcn-to-zaidan skill to port the following components:
- items: component-1,component-2,component-3
- registry: https://example.com/r/registry.json
- sources: https://raw.github.com/some/repo/<component>.tsx
- playground: https://example.com/<component>
- docs: https://example.com/docs/<component>

For external registry imports, provide the registry, raw source, playground, documentation, and example URLs that exist. The skill uses those artifacts as the upstream contract.

Porting Workflow

shadcn-to-zaidan follows a repository-maintainer workflow:

1. Resolve the source component, docs, examples, registry metadata, and playground URL.
2. Inspect the original behavior when a live playground exists.
3. Choose the Zaidan target: UI component, block, hook, shared component, or example-only composition.
4. Apply react-to-solid patterns and choose Kobalte, Corvu, or vanilla SolidJS as the implementation foundation.
5. Update the applicable component source, styles, examples, documentation, and registry metadata.
6. Exercise the applicable component, docs demos, and Create gallery in a browser, then run the relevant local validation.