OthmanAdi

Openui Component — Development skill for Claude Code

Development community

Create a new OpenUI component with Zod schema and React renderer.

How to install Openui Component

Installs to ~/.claude/skills/othmanadi-openui-forge-openui-component/SKILL.md

Terminal

mkdir -p ~/.claude/skills/othmanadi-openui-forge-openui-component && curl -fsSL https://raw.githubusercontent.com/OthmanAdi/openui-forge/HEAD/commands/openui-component.md -o ~/.claude/skills/othmanadi-openui-forge-openui-component/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Openui Component does

description: Create a new OpenUI component with Zod schema and React renderer

Create a new component and add it to the component library.

**Step 1 — Gather requirements:**

Ask the user:

What does this component display or do?
What props does it need? (or let the agent infer from the description)

**Step 2 — Research patterns:**

Read `references/component-patterns.md` for production examples that match the use case. Look for similar component types (data display, input, layout, fe

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Portaljs Add Map — Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase 2.3k ★
Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★