openui-forge-python
CommunityStreamline OpenUI integration with Python FastAPI backend
AuthorOthmanAdi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the integration of OpenUI into existing projects with Python FastAPI backend, simplifying the process of adding generative UI capabilities to codebases.
Core Features & Use Cases
- OpenUI Integration: Seamlessly add OpenUI to projects for generative UI.
- Backend Compatibility: Supports Python FastAPI for backend services.
- API Key Management: Integrates with OpenAI and Anthropic SDKs for API key management.
- Cross-Platform Compatibility: Compatible with various platforms like Claude Code, Gemini CLI, Codex, and more.
- Use Case: Use this Skill to integrate OpenUI into a Python FastAPI project for a dynamic and interactive user interface.
Quick Start
To get started, run the following commands:
- Install OpenUI dependencies:
npm install @openuidev/react-ui @openuidev/react-headless @openuidev/react-lang lucide-react zod
- Generate the system prompt:
npx @openuidev/cli generate ./src/lib/library.ts --out backend/system-prompt.txt
- Set up the Python backend (see Full Code below).
- Run both: frontend on
:3000, backend on:8000.
Dependency Matrix
Required Modules
@openuidev/react-ui@openuidev/react-headless@openuidev/react-langlucide-reactzodfastapiuvicornopenaianthropicpython-dotenv
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: openui-forge-python Download link: https://github.com/OthmanAdi/openui-forge/archive/main.zip#openui-forge-python Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.