Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By Owl-Listener
Build interfaces that adapt to user preferences, accessibility needs, and screen conditions — from typography and color-independence to density, simplified views, and responsive testing across viewports and zoom levels.
npx claudepluginhub owl-listener/inclusive-design-skills --plugin adaptive-interfacesDesign interfaces where colour is never the only way information is communicated. Use when designing status indicators, data visualisations, form validation, alerts, maps, or any content that uses colour to convey meaning. Triggers on: colour blind, color blind, colour alone, color alone, colour vision, color vision, red green, deuteranopia, protanopia, tritanopia, colour coding, status colour, chart colours, accessible colours.
Design typography systems that adapt to user needs — scaling, spacing, and font preferences. Use when designing type systems, setting font sizes, defining line heights, or reviewing text readability across conditions. Triggers on: typography, font size, line height, letter spacing, word spacing, text scaling, dyslexia font, readable font, type scale, font units, rem, em, px, reading difficulty.
Design interfaces where information density can be adjusted to suit different cognitive needs and preferences. Use when designing dashboards, data tables, feeds, inboxes, settings panels, or any interface with variable amounts of content. Triggers on: information density, too dense, too sparse, compact view, comfortable view, spacing, whitespace, data density, content density, crowded, breathing room.
Audit an existing interface for respect of user preferences including motion, contrast, colour scheme, and text scaling. Chains: user-preference-respect, responsive-accessibility, colour-independence. Use when reviewing an existing product for adaptive behaviour.
Design responsive layouts that maintain accessibility across screen sizes, zoom levels, and orientations. Use when designing responsive interfaces, testing zoom behaviour, or reviewing layouts across devices. Triggers on: responsive, zoom, reflow, breakpoint, mobile accessibility, screen size, orientation, viewport, 200% zoom, text scaling, layout shift, horizontal scroll.
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Design multi-modal interactions that adapt to how people move, perceive, and communicate.
Expert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Design with Intent. A comprehensive UX and design strategy system — 16 specialized skills and 6 named agents covering strategy, research, experience design, quality assurance, accessibility, measurement, and engineering handoff.
Build, document, and maintain scalable design systems — from tokens and components to accessibility and theming.
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
Plan and execute design validation through prototyping strategies, usability testing, heuristic evaluation, and A/B experiments.
Shape product direction through competitive analysis, design principles, experience mapping, and strategic alignment.
User research skills for designers: personas, empathy maps, journey maps, interview scripts, usability testing, and card sorting.
Design meaningful interactions with micro-animations, state machines, gestures, error handling, and feedback patterns.
Part of the Designer Skills suite. Install this collection and four more with one command in Claude Code:
/plugin marketplace add Owl-Listener/designer-skillsThis repo still works on its own. The suite just gives everyone one front door.
Agentic skills for designing accessible, inclusive products — from cognitive accessibility to adaptive interfaces, inclusive research, and accessibility decision-making. 40 skills and 18 commands across 6 plugins.
Works with any AI coding agent that supports the SKILL.md format: Claude Code, OpenAI Codex, Gemini CLI, Cursor, and others.
Every accessibility skill set that exists today is engineer-facing. They audit code, check WCAG compliance, validate ARIA attributes, and flag contrast ratios. They treat accessibility as a technical implementation problem that gets caught at the end.
This collection operates before code. It shapes decisions about information architecture, language, interaction patterns, cognitive demands, and inclusion — the design layer that determines whether something is genuinely usable, not just technically compliant.
Accessibility isn't a code review. It's a design commitment.
| Plugin | Skills | Commands | Description |
|---|---|---|---|
| cognitive-accessibility | 8 | 3 | Design for how people actually think: cognitive load, plain language, wayfinding, focus, memory, and error recovery. |
| inclusive-interaction | 7 | 3 | Design multi-modal interactions that adapt to how people move, perceive, and communicate. |
| accessible-content | 7 | 3 | Structure content that works for screen readers, cognitive differences, and diverse literacy levels. |
| inclusive-personas | 6 | 3 | Build user stories, personas, and scenarios that include disability from the start. |
| adaptive-interfaces | 6 | 3 | Design systems that respect user preferences and adapt to individual needs. |
| accessibility-decisions | 6 | 3 | Document, communicate, and maintain accessibility decisions across teams and time. |
Add the marketplace:
/plugin marketplace add Owl-Listener/inclusive-design-skills
Then run /plugin, open the Discover tab, and install the plugins you want.
Or get this collection plus four more in one go, through the full suite:
/plugin marketplace add Owl-Listener/designer-skills
Skills use the universal SKILL.md format. Copy the skill folders into your tool's skills directory, or reference them directly from this repo. Each SKILL.md file works as a standalone instruction set.
For manual use without a coding agent: open any SKILL.md file, copy the contents, and paste it as context at the start of a conversation with any AI assistant. The frameworks and decision criteria work regardless of the tool.