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 안에서 실행하십시오. 첫 번째는 마켓플레이스를 한 번 추가하고, 두 번째는 플러그인을 설치합니다.
/plugin marketplace add ckryptickunal/OpenDesigner
/plugin install opendesigner@opendesigneropendesigner 구성 요소
플러그인 파일에서 읽어온 11개의 항목입니다.
Skills 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.
Hooks 1
다음 이벤트에서 실행됩니다- SessionStartcommand
startup|resume|clear|compact
Claude Code에서 opendesigner 사용하기
Skills는 명령어가 필요하지 않습니다. 요청이 설명과 일치하면 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 플러그인의 라이선스는 무엇인가요?
플러그인 manifest에 명시된 대로 MIT입니다.