[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"readme:designer-skills":3},"\u003Ch1>The Designer Skills Pack\u003C\u002Fh1>\n\u003Cp>Design skills for the agent era, written so an AI agent can actually use them.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>239 skills and 88 commands across 33 plugins, in five collections\u003C\u002Fstrong>, for \u003Ca href=\"https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code\" rel=\"nofollow ugc noopener\">Claude Code\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fgoogle-gemini\u002Fgemini-cli\" rel=\"nofollow ugc noopener\">Gemini CLI\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2>Getting started (no coding needed)\u003C\u002Fh2>\n\u003Cp>These skills run inside an AI coding assistant. The easiest place to use them is Claude Code, and it takes three steps. No terminal required.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>1. Get Claude Code.\u003C\u002Fstrong> It's a free app from Anthropic (claude.com). Download it, sign in, and open it. You only do this once.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>2. Add the suite.\u003C\u002Fstrong> In Claude Code, type this and press enter:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002Fplugin marketplace add Owl-Listener\u002Fdesigner-skills\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>This just tells Claude where the skills live. Nothing installs yet.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>3. Pick what you want.\u003C\u002Fstrong> Type \u003Ccode>\u002Fplugin\u003C\u002Fcode> and press enter, then open the \u003Cstrong>Discover\u003C\u002Fstrong> tab. You'll see all the collections. Move with the arrow keys, press space to tick the ones you want, and enter to install. That's it.\u003C\u002Fp>\n\u003Ch3>I only want the design skills, not everything\u003C\u002Fh3>\n\u003Cp>Same three steps. On the Discover list in step 3, just tick the design ones, design-research, design-systems, ui-design, interaction-design, and so on, and leave the rest. Install as few or as many as you like, and come back for more any time.\u003C\u002Fp>\n\u003Ch3>I only want one specific collection\u003C\u002Fh3>\n\u003Cp>Each collection also has its own door. Swap the command in step 2 for the one you want, for example:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002Fplugin marketplace add Owl-Listener\u002Finclusive-design-skills\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Then do step 3 the same way.\u003C\u002Fp>\n\u003Ch3>Prefer Gemini CLI?\u003C\u002Fh3>\n\u003Cp>Each plugin is also a Gemini CLI extension. From your project root:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>git clone https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fdesigner-skills \u002Ftmp\u002Fdesigner-skills\nmkdir -p .gemini\u002Fextensions\ncp -r \u002Ftmp\u002Fdesigner-skills\u002F.gemini\u002Fextensions\u002F. .gemini\u002Fextensions\u002F\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>The five collections\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Collection\u003C\u002Fth>\n\u003Cth>Plugins\u003C\u002Fth>\n\u003Cth>What it covers\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>Design practice (this repo)\u003C\u002Ftd>\n\u003Ctd>9\u003C\u002Ftd>\n\u003Ctd>Research, systems, UX strategy, UI, interaction, prototyping & testing, design ops, the designer's toolkit, visual critique.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fai-design-skills\" rel=\"nofollow ugc noopener\">AI product design\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>6\u003C\u002Ftd>\n\u003Ctd>Designing agentic experiences: model interaction, alignment reasoning, system behaviour, evaluation, agent orchestration, prompt architecture.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fux-pgm-skills\" rel=\"nofollow ugc noopener\">UX program management\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>6\u003C\u002Ftd>\n\u003Ctd>Running design programs: planning, stakeholder comms, delivery, alignment, measurement, process design.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Fdesign-leadership-skills\" rel=\"nofollow ugc noopener\">Design leadership\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>6\u003C\u002Ftd>\n\u003Ctd>Leading design: people, teams, strategy, org influence, operating cadence, leadership craft.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FOwl-Listener\u002Finclusive-design-skills\" rel=\"nofollow ugc noopener\">Inclusive design\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>6\u003C\u002Ftd>\n\u003Ctd>Accessible by default: cognitive accessibility, inclusive interaction, accessible content, inclusive personas, adaptive interfaces, accessibility decisions.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Each collection also lives in its own repo, with its own stars and full detail. This repo is the front door, and the home of the design-practice collection below.\u003C\u002Fp>\n\u003Chr \u002F>\n\u003Ch2>Design practice (this repo)\u003C\u002Fh2>\n\u003Cp>Agentic skills, commands, and plugins for design, from research to systems, UI, interaction, and delivery. \u003Cstrong>97 skills and 30 commands across 9 plugins.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Ch3>Plugins\u003C\u002Fh3>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Plugin\u003C\u002Fth>\n\u003Cth>Skills\u003C\u002Fth>\n\u003Cth>Commands\u003C\u002Fth>\n\u003Cth>Description\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>design-research\u003C\u002Ftd>\n\u003Ctd>12\u003C\u002Ftd>\n\u003Ctd>4\u003C\u002Ftd>\n\u003Ctd>User research: personas, empathy maps, journey maps, interviews, usability testing, card sorting, surveys, and research repositories.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>design-systems\u003C\u002Ftd>\n\u003Ctd>11\u003C\u002Ftd>\n\u003Ctd>3\u003C\u002Ftd>\n\u003Ctd>Build and maintain design systems: tokens, components, accessibility, theming, motion, governance, and localization.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>ux-strategy\u003C\u002Ftd>\n\u003Ctd>12\u003C\u002Ftd>\n\u003Ctd>3\u003C\u002Ftd>\n\u003Ctd>Shape product direction: competitive analysis, design principles, experience mapping, information architecture, content strategy, and service blueprints.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>ui-design\u003C\u002Ftd>\n\u003Ctd>14\u003C\u002Ftd>\n\u003Ctd>4\u003C\u002Ftd>\n\u003Ctd>Craft polished interfaces: layout grids, color systems, typography, responsive design, data viz, and Gesta\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n",1784240407163]