Open Design Agent Kit
Open Design Agent Kit is a set of design skills that adds UI design, landing pages, and dashboards to the coding agent you already use.
What it is good for
- Creating landing pages and dashboards from a written description
- Making pitch decks and slide presentations for a project
- Building mobile app prototypes inside an existing chat
- Turning a CSV file into a styled weekly metrics report
At a glance
- Who it is for
- Setup
- Adds to an AI app you already use
Level 2 of 5. Connects to Claude, ChatGPT, or a similar app you already have, usually through a settings screen.
- Cost
- Free and open source
- Type
- Skill or plugin
- Tasks
- Works with
- GitHub Copilot Chat, Claude Code, Codex, Cursor, Claude Desktop, VS Code
Momentum
- Rank this week
- #24
- Best rank
- #24 week 44, 2026
- Stars gained last week
- +812
- GitHub stars
- 816
GitHub numbers as of Nov 2, 2026. Updated weekly.
Ranking history
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is Open Design Agent Kit free?
- Yes. It is free and open source (MIT license).
- Do I need to know how to code to use Open Design Agent Kit?
- No. Connects to Claude, ChatGPT, or a similar app you already have, usually through a settings screen.
- What does Open Design Agent Kit work with?
- According to its own documentation, it works with GitHub Copilot Chat, Claude Code, Codex, Cursor, Claude Desktop, and VS Code.
- What is Open Design Agent Kit good for?
- Creating landing pages and dashboards from a written description, making pitch decks and slide presentations for a project, building mobile app prototypes inside an existing chat, and turning a CSV file into a styled weekly metrics report.
Similar agents
- Huashu Design
Huashu Design is a skill that turns a one-line request into finished designs like web pages, app prototypes, editable slides, animations, and infographics for people using Claude Code, Codex, or Cursor.
- visual-explainer
Visual-explainer is a skill that turns terminal diagrams, diff reviews, and data tables into styled HTML pages for developers and technical readers.
- baoyu-design
baoyu-design is an Agent Skill that produces UI mockups, prototypes, wireframes and slide decks as HTML files inside a local coding agent, for designers and builders who want to skip a hosted design website.
- Claude-BugHunter
Claude-BugHunter is a skill bundle that adds bug hunting and external red-team know-how to Claude Code for security testers working on authorized targets.
- effective-html
Effective HTML is a set of skills that helps AI agents create self-contained HTML wireframes, prototypes, plans, and diagrams for designers and developers.
- cinetic
cinetic is a skill that makes a coding agent direct cinematic launch films and motion design for product teams.