Updated 6d ago
by maxritter
open-claude-design
Claude Design access and UI workflows for coding agents, part of QualityLayer. Create and review designs in QualityLayer without a Claude subscription, or use the standalone Claude Design connection.
42 GitHub stars (42)
+12 in 30 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | 0 |
| Sep 29 | 0 |
| Sep 30 | 0 |
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | +1 |
| Oct 7 | +1 |
| Oct 8 | +1 |
| Oct 9 | +1 |
| Oct 10 | 0 |
| Oct 11 | +1 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | +1 |
| Oct 17 | 0 |
| Oct 18 | 0 |
| Oct 19 | 0 |
| Oct 20 | 0 |
| Oct 21 | +2 |
| Oct 22 | 0 |
| Oct 23 | +1 |
| Oct 24 | 0 |
| Oct 25 | 0 |
| Oct 26 | 0 |
| Oct 27 | 0 |
| Oct 28 | +1 |
| Oct 29 | +1 |
| Oct 30 | +1 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | 0 |
| Nov 3 | 0 |
| Nov 4 | +1 |
| Nov 5 | 0 |
- 5 skills (5 skills found in its SKILL.md files)
- 5 forks (5 forks)
- 6d ago last update (Last updated 6d ago)
Install
Skills CLI
npx skills add maxritter/open-claude-design
Asks which skills and agents to install. Just one: npx skills add maxritter/open-claude-design --skill open-claude-design-quality — add -g for every project.
Claude Code
git clone https://github.com/maxritter/open-claude-designcp -r "open-claude-design/skills/open-claude-design-quality" ~/.claude/skills/
Copies the open-claude-design-quality skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add maxritter/open-claude-design
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
open-claude-design-quality
Apply product-grounded visual quality constraints during user-visible UI changes. Use for layout, styling, content hierarchy, theming, responsive behavior, or interaction affordances. Stay inactive for logic-only changes that preserve the rendered interface.
skills/open-claude-design-quality/ on GitHub (opens in a new tab)SKILL.md -
open-claude-design-system
Extract, document, or normalize a product UI design system from code, screenshots, or brand sources. Use for visual tokens, theme variables, typography, spacing, colors, radii, shadows, component inventories, variants, states, or building a reusable UI library. Do not use for software architecture, database schemas, or generic system design.
skills/open-claude-design-system/ on GitHub (opens in a new tab)SKILL.md -
open-claude-design
Access Claude Design and Claude artifacts when the request names Claude Design, a Claude artifact, Slides deck, or Design System artifact, or contains a claude.ai/design or claude.ai artifact URL or a .dc.html file. Use for creating and editing designs, decks, design systems, and artifact pages; assets, comments, artifact databases, sharing, versions, rendering, standalone-to-artifact migration,…
skills/open-claude-design/ on GitHub (opens in a new tab)SKILL.md -
open-claude-ui-design
Create or redesign product UI in an existing codebase, including a wireframe, substantive visual variations, and an interactive prototype. Use for requests about UI layout, visual direction, screens, flows, components, a landing page, dashboard, or making an interface feel polished. Do not use for backend work, system architecture, decks, or logic-only UI fixes.
skills/open-claude-ui-design/ on GitHub (opens in a new tab)SKILL.md -
open-claude-ui-review
Review or polish a product UI for accessibility, brand fidelity, hierarchy, rhythm, responsive behavior, themes, interaction states, and generic AI-template patterns. Use for visual audits, accessibility checks, UX polish, UI critique, or pre-ship design review. Do not use for generic code review, backend review, or API design.
skills/open-claude-ui-review/ on GitHub (opens in a new tab)SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.