opendesigner eklentisi
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 eklentisi nasıl yüklenir
Her iki komutu da Claude Code içinde çalıştırın. Birincisi pazaryerini bir kez ekler; ikincisi eklentiyi yükler.
/plugin marketplace add ckryptickunal/OpenDesigner
/plugin install opendesigner@opendesigneropendesigner içinde ne var
Eklentinin kendi dosyalarından okunan 11 parça.
SKILL'ler 10
Görev eşleştiğinde Claude bunu yükler- 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.
Hooklar 1
Bu olaylarda çalışır- SessionStartcommand
startup|resume|clear|compact
Claude Code içinde opendesigner kullanımı
SKILL'ler komut gerektirmez. Claude, isteğiniz tanımladıkları şeyle eşleştiğinde onları okur.
Güncelleyin, kapatın veya kaldırın
- Eklentiyi güncelleyin (shell)
- claude plugin update opendesigner@opendesigner
- marketplace'i yenileyin
- /plugin marketplace update opendesigner
- Şimdilik kapatın
- /plugin disable opendesigner@opendesigner
- Kaldırın
- /plugin uninstall opendesigner@opendesigner
opendesigner içindeki beceriler
- 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız - 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 dosya151yıldız
opendesigner eklentisi soruları
opendesigner eklentisini nasıl yüklerim?
Claude Code içinde /plugin marketplace add ckryptickunal/OpenDesigner, ardından /plugin install opendesigner@opendesigner çalıştırın.
opendesigner eklentisi neleri içerir?
opendesigner şunları içerir: 10 beceri, kanca.
opendesigner eklentisini nasıl güncellerim veya kaldırırım?
Shell üzerinde claude plugin update opendesigner@opendesigner ile güncelleyin veya /plugin altındaki Yüklü sekmesinden yapın. /plugin uninstall opendesigner@opendesigner ile kaldırın.
opendesigner eklentisi hangi lisans altındadır?
Eklentinin manifestosunda belirtildiği üzere MIT.