SKILLSuperpowers: plan, test and debug before coding
A skills framework that makes agents brainstorm, plan, test and debug systematically.
Claude Code +1★ 299.2k/
Get Friday PicksSubmitOpenUI: generative UI skill for agents
Official skill that teaches coding agents to scaffold and debug OpenUI apps — live forms, charts and calculators instead of plain Markdown replies.
In short: Official skill that teaches coding agents to scaffold and debug OpenUI apps — live forms, charts and calculators instead of plain Markdown replies. It is a free skill for people who use Claude Code, Codex or Cursor and want help with coding agent skills.
Checked on · Added
Works with
| Agent / tool | Access / cost | Link |
|---|---|---|
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Codex | ChatGPT plan or API | openai.com/codex |
| Cursor | Free tier + paid | cursor.com |
| GitHub repo | Open source · ★ 14 | thesysdev/skills |
Try it in 60 seconds
npx skills add thesysdev/skills
Install command copied from the project README. Check the README for the latest version.
What it does
Official skill that teaches coding agents to scaffold and debug OpenUI apps — live forms, charts and calculators instead of plain Markdown replies.
Agent-ready guidance for building generative UI with OpenUI. This repository contains one skill that helps AI coding assistants build OpenUI apps, add generative UI to existing apps, and run them on OpenUI Gateway.
Short excerpt from the README of thesysdev/skills. Read the full README on GitHub.
Inside the repo
InstallationSkill contentsLearn more
Step by step
- Open the GitHub repo and read the README.
- Install with: npx skills add thesysdev/skills --skill openui
- Restart your agent so it picks up the skill.
- Ask it to build a small interactive demo (e.g. a cost calculator) with real form and chart components.
Watch out for
The skill targets the OpenUI / @openuidev stack; pair with the openui main repo and docs for full context.
Docs, demos & materials
Sources & credit
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
Related skills and use cases in Coding Agent Skills
- Hermes Agent: open agent that grows its own skills Skill
- Superpowers: plan, test and debug before coding Skill
- Matt Pocock's engineering skills Skill
- Ponytail: make your agent write less code Skill
- Agency Agents: a full AI agency roster Skill
- Anthropic official skills (frontend-design, docs, slides) Skill
- gstack: Garry Tan's Claude Code toolkit Skill
- Archify: turn ideas into interactive diagrams Skill
Related
SKILLClaude Code +1★ 299.2k
SKILLMatt Pocock's engineering skills
Real engineering skills from a well-known TypeScript educator's own .agents folder.
Claude Code +1★ 291.4k
SKILLPonytail: make your agent write less code
A skill that pushes coding agents to act like a lazy senior: fewer lines, more tests, lower cost — without skipping the hard checks.
Claude Code +2★ 164.8k
SKILLAgency Agents: a full AI agency roster
Specialist agent personas for engineering, design, marketing, sales and support you can drop into Claude Code, Codex or Cursor.
Claude Code +2★ 160.4k
SKILLAnthropic official skills (frontend-design, docs, slides)
The official skills repo: frontend-design, docx, pptx, xlsx and more.
Claude Code★ 181.2k
SKILLgstack: Garry Tan's Claude Code toolkit
Twenty-three opinionated skills that cover planning, design, review, QA and shipping — the same setup Garry Tan uses with Claude Code.
Claude Code +1★ 136.6kFree newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.