opendesigner プラグイン
Nine skills: opendesigner (the interview), opendesigner-extract (learn from a reference without copying identity), opendesigner-extend (change a system safely), opendesigner-export (code, Figma, Paper), opendesigner-illustrate (open-licence illustrations recolored to your tokens), opendesigner-review (check a built UI at every size, theme, state and motion, with measurements and evidence), opendesigner-paint (original art and films painted in code in your palette), opendesigner-preflight (the silly mistakes to check before exporting anything visual), opendesigner-search (get a site found by search engines and AI answers).
opendesigner プラグインのインストール方法
両方のコマンドを Claude Code 内で実行してください。最初のコマンドで marketplace を一度追加し、2 番目のコマンドでプラグインをインストールします。
/plugin marketplace add ckryptickunal/OpenDesigner
/plugin install opendesigner@opendesigneropendesigner の内容
プラグイン自身のファイルから読み込まれた 11 個のパーツ です。
SKILL 10
タスクが一致したときに Claude が読み込みます- opendesigner
Design systems and the pages built on them, one question at a time. Use for tokens, DESIGN.md, a landing page, an app or a redesign ("make it look professional"), a style direction, a taste poll.
- opendesigner-export
Exports an OpenDesigner system to CSS variables, Tailwind, DTCG, Swift, Compose, Figma or Paper, and writes it into Figma or Paper when connected. Use for "export tokens" or "put it in Figma".
- opendesigner-extend
Changes an existing OpenDesigner system (an opendesigner/ folder), such as a new colour, rounder corners, dark mode or a component. Reads DESIGN.md, decisions and locks first, asks only what is new.
- opendesigner-extract
Learns a look from a website, screenshot, Figma file, repo CSS or brand book. Measures it, maps it to dials, or writes a taste index. Copies structure and quality, never a brand's identity.
- opendesigner-illustrate
Illustrations, stock photos and icons. Finds open-licence art, recolours it to the tokens and wires it in (empty states, onboarding, hero), with a licence ledger. Draws icons like a product's own.
- opendesigner-paint
Original art painted in code in the brand's palette. A hero or launch film, a celebration loop, or a still in watercolour, pointillism, charcoal, sketch, woodcut or 2D cel.
- opendesigner-preflight
A launch checklist for anything visual (page, video, deck, share image, UI) that catches the silly mistakes that look cheap or wrong. Use before any render, export, deploy, post or publish.
- opendesigner-review
Audits every draft of a built UI before it is shown, like a careful user. Every screen size and theme, scroll, hover, keyboard, motion, measured spacing, type and contrast. "Review this", "QA this".
- opendesigner-search
SEO, AEO and GEO. Gets a site found by Google and AI answer engines. Checks crawling, robots, sitemap, llms.txt, titles and markup, asks ChatGPT and Perplexity by hand, proposes fixes.
- opendesigner-smart-ui
Optional. An assistant's answers show a part of the person's own system (a chart, a form, a booking step) instead of text. Reads the repo, writes an A2UI catalog, checks each answer before it renders.
Hook 1
以下のイベントで実行されます- SessionStartcommand
startup|resume|clear|compact
Claude Code での opendesigner の使用方法
SKILL にコマンドは不要です。リクエストが説明と一致したときに Claude が読み込みます。
更新、オフ、または削除
- プラグインを更新 (shell)
- claude plugin update opendesigner@opendesigner
- marketplace を更新
- /plugin marketplace update opendesigner
- 一時的にオフにする
- /plugin disable opendesigner@opendesigner
- 削除する
- /plugin uninstall opendesigner@opendesigner
opendesigner のスキル
- opendesignerckryptickunal/OpenDesigner
Design systems and the pages built on them, one question at a time. Use for tokens, DESIGN.md, a landing page, an app or a redesign ("make it look professional"), a style direction, a taste poll.
200件のファイル151スター - opendesigner-exportckryptickunal/OpenDesigner
Exports an OpenDesigner system to CSS variables, Tailwind, DTCG, Swift, Compose, Figma or Paper, and writes it into Figma or Paper when connected. Use for "export tokens" or "put it in Figma".
2件のファイル151スター - opendesigner-extendckryptickunal/OpenDesigner
Changes an existing OpenDesigner system (an opendesigner/ folder), such as a new colour, rounder corners, dark mode or a component. Reads DESIGN.md, decisions and locks first, asks only what is new.
2件のファイル151スター - opendesigner-extractckryptickunal/OpenDesigner
Learns a look from a website, screenshot, Figma file, repo CSS or brand book. Measures it, maps it to dials, or writes a taste index. Copies structure and quality, never a brand's identity.
7件のファイル151スター - opendesigner-illustrateckryptickunal/OpenDesigner
Illustrations, stock photos and icons. Finds open-licence art, recolours it to the tokens and wires it in (empty states, onboarding, hero), with a licence ledger. Draws icons like a product's own.
9件のファイル151スター - opendesigner-paintckryptickunal/OpenDesigner
Original art painted in code in the brand's palette. A hero or launch film, a celebration loop, or a still in watercolour, pointillism, charcoal, sketch, woodcut or 2D cel.
148件のファイル151スター - opendesigner-preflightckryptickunal/OpenDesigner
A launch checklist for anything visual (page, video, deck, share image, UI) that catches the silly mistakes that look cheap or wrong. Use before any render, export, deploy, post or publish.
7件のファイル151スター - opendesigner-reviewckryptickunal/OpenDesigner
Audits every draft of a built UI before it is shown, like a careful user. Every screen size and theme, scroll, hover, keyboard, motion, measured spacing, type and contrast. "Review this", "QA this".
12件のファイル151スター - opendesigner-searchckryptickunal/OpenDesigner
SEO, AEO and GEO. Gets a site found by Google and AI answer engines. Checks crawling, robots, sitemap, llms.txt, titles and markup, asks ChatGPT and Perplexity by hand, proposes fixes.
8件のファイル151スター - opendesigner-smart-uickryptickunal/OpenDesigner
Optional. An assistant's answers show a part of the person's own system (a chart, a form, a booking step) instead of text. Reads the repo, writes an A2UI catalog, checks each answer before it renders.
18件のファイル151スター
opendesigner プラグインに関する質問
opendesigner プラグインをインストールするにはどうすればよいですか。
Claude Code で /plugin marketplace add ckryptickunal/OpenDesigner を実行し、続いて /plugin install opendesigner@opendesigner を実行します。
opendesigner プラグインには何が含まれていますか。
opendesigner には 10 件のスキル, フック が含まれています。
opendesigner プラグインを更新または削除するにはどうすればよいですか？
shell で claude plugin update opendesigner@opendesigner を使用して更新するか、/plugin の Installed タブから行ってください。削除するには /plugin uninstall opendesigner@opendesigner を使用してください。
opendesigner プラグインのライセンスは何ですか？
プラグインのマニフェストに記載されている MIT です。