Openui Prompt — Development skill for Claude Code
Generate or regenerate the system prompt from the component library.
How to install Openui Prompt
Installs to ~/.claude/skills/othmanadi-openui-forge-openui-prompt/SKILL.md
mkdir -p ~/.claude/skills/othmanadi-openui-forge-openui-prompt && curl -fsSL https://raw.githubusercontent.com/OthmanAdi/openui-forge/HEAD/commands/openui-prompt.md -o ~/.claude/skills/othmanadi-openui-forge-openui-prompt/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Openui Prompt does
description: Generate or regenerate the system prompt from the component library
Generate the system prompt that tells the LLM which components are available and how to use OpenUI Lang.
Step 1 — Detect the approach
Check the project to determine which prompt generation method to use:
- Non-JS backend (Python, Go, Rust, or no backend yet): Use the CLI approach
- JS/TS backend that imports the library at runtime: Use the runtime approach
- If unclear, default to CLI — i
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 Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
- Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Openui Component
Create a new OpenUI component with Zod schema and React renderer
Taste Sync
Regenerate taste/TASTE.md from all library entries — the team's synthesized taste profile.
Lens
Review a prompt, page, component, or draft through expert lenses (findings), fix it in place with --fix, or gr
Dev Inspector
Claude Code skill: click an element in your dev app, auto-inject source/component/selector/screenshot into the
Cc Hindsight
Mine your coding-agent session history (Claude Code, kiro-cli) into a oneshot prompt library and CLAUDE.md/AGE
Promptline
A prompt library on a global hotkey: copy an error, press Ctrl+Alt+V, pick a prompt, and it pastes into Claude
Related Agents
Helper Author
Owns the shared Cypress helper library for component automation. Annotates helpers with @tj tags, extracts/fix
UI Component Expert
Use this agent when working with UI components in this project, including component library maintenance, usage
Shadcn UI Builder
Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design