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).
Plugin opendesigner from marketplace opendesigner in ckryptickunal/OpenDesigner. Commands read from the repo's manifest — today.
This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.
opendesigner-exportExports 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-extendChanges 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-extractLearns 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-illustrateIllustrations, 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-paintOriginal 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-preflightA 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-reviewAudits 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-searchSEO, 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.
opendesignerDesign 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.
od-pr-reviewReview 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 #N", "merge the open PRs".
[ -f "${CLAUDE_PROJECT_DIR:-.}/opendesigner/state.json" ] && python3 -B "${CLAUDE_PLUGIN_ROOT}/skills/opendesigner/scripts/engine.py" --dir "${CLAUDE_PROJECT_DIR:-.}/opendesigner" status --hook 2>/dev
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
19 skills
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
1 command · 6 agents
Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.
7 skills
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
1 skill · 4 agents · hooks
Build, preview, and test UI components with Storybook.
7 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.