Skills and MCP tagged “ui-design”

web-design-engineer ConardLi skill Directs your coding agent to craft polished web interfaces in HTML, CSS, JavaScript, and React. Useful for building dashboards, UI prototypes, slide decks, and animations. Claude Code CX Codex Cursor +1 8,700installs mobile-android-design Seth Hobson skill This skill guides native Android UI work with Material Design 3 and Jetpack Compose. Use it for screens, navigation, adaptive layouts, and accessibility checks. Claude Code CX Codex Cursor 24,847installs mobile-ios-design Seth Hobson skill Guides native iOS interface work with Apple HIG and SwiftUI patterns. Use it when building views, navigation, or adaptive layouts. Claude Code CX Codex Cursor 23,659installs responsive-design Seth Hobson skill Guides responsive UI work with mobile-first styles, container queries, and fluid values. Use it when pages or components need to adapt to available space. Claude Code CX Codex Cursor 20,956installs interaction-design Seth Hobson skill This skill helps design microinteractions, transitions, and feedback states. Use it when polishing a UI or building loading and gesture patterns. Claude Code CX Codex Cursor 16,146installs design-system-patterns Seth Hobson skill Guides the design of design tokens, theme switching, and component library architecture. Use it when establishing shared UI foundations for a project. Claude Code CX Codex Cursor 15,953installs react-native-design Seth Hobson skill This skill guides React Native styling, navigation, and Reanimated animations. Use it when building cross-platform mobile apps or platform-specific screens. Claude Code CX Codex Cursor 15,522installs accessibility-compliance Seth Hobson skill This skill guides accessibility audits and interface work involving keyboard navigation, screen readers, and forms. Use it when building against WCAG 2.2. Claude Code CX Codex Cursor 14,596installs visual-design-foundations Seth Hobson skill This skill helps define typography, color, spacing, and icon rules for a project. Use it when setting up design tokens or bringing an interface into visual consistency. Claude Code CX Codex Cursor 13,566installs web-component-design Seth Hobson skill This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors. Claude Code CX Codex Cursor 13,167installs imagegen nexu-io skill Skill for generating and editing images through OpenAI's Image API. Creates UI mockups, icons, illustrations, and social cards directly from prompts. Claude Code CX Codex Cursor +1 2,700installs anti-ui-slop official UIZZE skill This skill guides agents toward product-specific interfaces instead of generic UI. Use it for web or iOS design, implementation, redesign, and pre-ship review. GitHub Copilot 967installs ui-designer VoltAgent Community subagent Designs visual interfaces, builds component libraries, and creates handoff documentation. Ideal when code needs structured UI states and design tokens. Claude Code 1,979installs ui-designer Seth Hobson subagent Designs interfaces, components, and responsive layouts with implementation in mind. Use it when building screens, forms, tables, or a design system. Claude Code CX Codex Cursor 1,979installs