Updated today
by ckryptickunal
OpenDesigner
A free, open-source add-on for Claude, ChatGPT, Codex and Cursor that turns a few plain answers into a design system, so everything you build looks like it belongs together.
42 GitHub stars (42)
+32 in 7 days
| Period | New stars |
|---|---|
| Oct 25 | 0 |
| Oct 26 | +1 |
| Oct 27 | 0 |
| Oct 28 | +1 |
| Oct 29 | +8 |
| Oct 30 | +11 |
| Oct 31 | +11 |
- 9 skills (9 skills found in its SKILL.md files)
- 4 forks (4 forks)
- Today last update (Last updated today)
Install
Skills CLI
npx skills add ckryptickunal/OpenDesigner
Asks which skills and agents to install. Just one: npx skills add ckryptickunal/OpenDesigner --skill opendesigner-export — add -g for every project.
Claude Code
git clone https://github.com/ckryptickunal/OpenDesignercp -r "OpenDesigner/skills/opendesigner-export" ~/.claude/skills/
Copies the opendesigner-export skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add ckryptickunal/OpenDesigner
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.
-
opendesigner-export
Exports an OpenDesigner system to CSS variables, Tailwind, DTCG, Swift, Compose, Figma and Paper, and writes it into Figma or Paper through their MCP servers when connected.
skills/opendesigner-export/SKILL.md on GitHub (opens in a new tab) -
opendesigner-extend
Changes or extends an existing OpenDesigner design system safely. Reads DESIGN.md, tokens, decisions and locks first, asks only about what is new, validates after. Use when opendesigner/ exists.
skills/opendesigner-extend/SKILL.md on GitHub (opens in a new tab) -
opendesigner-extract
Maps a reference (site, screenshot, Figma, CSS, brand book) to OpenDesigner dials, or writes its Taste Index. Copies structure and quality, never another brand's identity.
skills/opendesigner-extract/SKILL.md on GitHub (opens in a new tab) -
opendesigner-illustrate
Finds open-licence SVG illustrations for empty states, onboarding, errors or heroes, ranks them for fit, recolors them to the design tokens with light, dark and themed variants, and wires them in.
skills/opendesigner-illustrate/SKILL.md on GitHub (opens in a new tab) -
opendesigner-paint
Turns a design system into original painted art made in code (watercolour, pointillism, charcoal, sketch, woodcut, 2D cel): hero films, launch reels, loops and paintings in the brand's palette.
skills/opendesigner-paint/SKILL.md on GitHub (opens in a new tab) -
opendesigner-preflight
Checks anything visual before export or sharing (a video, page, deck or UI) for the silly mistakes that make it look cheap or wrong. Use before any render, export or publish.
skills/opendesigner-preflight/SKILL.md on GitHub (opens in a new tab) -
opendesigner-review
Checks a built UI like a careful user would: every screen size and theme, scrolling, hover, keyboard, motion frames, and measured spacing, type, fonts and contrast. Reports findings with evidence.
skills/opendesigner-review/SKILL.md on GitHub (opens in a new tab) -
opendesigner
Design systems, one decision at a time. Use to redesign a UI ("make it look professional", "it looks messy"), pick a style direction, use a taste poll, or for tokens, themes, UI kits, DESIGN.md.
skills/opendesigner/SKILL.md on GitHub (opens in a new tab) -
od-pr-review
Review pull requests to the OpenDesigner repo and merge the ones that pass. Checks for malicious code, prompt injection, unrelated or off-goal changes, broken project rules and unverified claims. Use for "review PRs", "check this contribution", "should we merge
.claude/skills/od-pr-review/SKILL.md on GitHub (opens in a new tab)
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.
Similar skills
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
awesome-claude-skillsby ComposioHQ A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
-
humanizerby blader Agent skill that removes signs of AI-generated writing from text
-
marketingskillsby coreyhaines31 Marketing skills for Claude Code and AI agents. CRO, copywriting, SEO, analytics, and growth engineering.
-
khazix-skillsby KKKKhazix 数字生命卡兹克开源的 AI Skills 合集 | Agent Skills: leader（帮你定义目标）, neat-freak 洁癖, hv-analysis, khazix-writer & more — Claude Code, Codex & 40+ agents
-
Wazaby tw93 🥷 Engineering habits you already know, turned into skills AI assistants like Claude Code, Codex and Cursor can run.