Agent Plugins Marketplace
← All plugins

ui-design

v1.0.5

Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns

CodexClaude Code9 Skills

By Seth HobsonLicense: MIT39.9k GitHub starsUpdated 3 days ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
9 skill or MCP entries
Source updated
Sep 21, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install ui-design for Codex and Claude Code

Installs for the current user
codex plugin marketplace add wshobson/agents
codex plugin marketplace upgrade claude-code-workflows
codex plugin add ui-design@claude-code-workflows

Paste and run these commands in a terminal with Codex. They add and refresh the claude-code-workflows catalog, then install this plugin.

Compatibility: the page URL and API slug “ui-design” remain stable.

  • Codex: ui-design@agent-plugin-marketplace → ui-design@claude-code-workflows

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/wshobson/agents

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/ui-design/.

Plugin files

plugins/ui-design/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/accessibility-compliance/SKILL.md
├── skills/design-system-patterns/SKILL.md
├── skills/interaction-design/SKILL.md
├── skills/mobile-android-design/SKILL.md
├── skills/mobile-ios-design/SKILL.md
├── skills/react-native-design/SKILL.md
├── skills/responsive-design/SKILL.md
├── skills/visual-design-foundations/SKILL.md
└── skills/web-component-design/SKILL.md

Included Skills9

accessibility-complianceskills/accessibility-compliance/SKILL.md

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

design-system-patternsskills/design-system-patterns/SKILL.md

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

interaction-designskills/interaction-design/SKILL.md

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

mobile-android-designskills/mobile-android-design/SKILL.md

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

mobile-ios-designskills/mobile-ios-design/SKILL.md

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

react-native-designskills/react-native-design/SKILL.md

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

responsive-designskills/responsive-design/SKILL.md

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

visual-design-foundationsskills/visual-design-foundations/SKILL.md

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

web-component-designskills/web-component-design/SKILL.md

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.

Plugin manifests2

plugins/ui-design/.codex-plugin/plugin.json
{
  "name": "ui-design",
  "version": "1.0.5",
  "description": "Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns",
  "skills": "./skills/",
  "author": {
    "name": "Seth Hobson",
    "email": "[email protected]"
  },
  "license": "MIT",
  "interface": {
    "displayName": "Ui Design",
    "shortDescription": "Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems…",
    "category": "Coding"
  }
}
plugins/ui-design/.claude-plugin/plugin.json
{
  "name": "ui-design",
  "description": "Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns",
  "version": "1.0.5",
  "author": {
    "name": "Seth Hobson",
    "email": "[email protected]"
  },
  "license": "MIT"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[ui-design on Agent Plugins Marketplace](https://pluginsmp.com/plugins/ui-design)