Design & UX

This skill applies consistent corporate branding and styling to all generated

Community provided skill

Community provided skill

'Generate professional AI product photography and commercial images.

Create aesthetically beautiful interfaces following proven design principles.

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive

You are an accessibility expert specializing in WCAG compliance, inclusive

WorkWise Design 画板编辑与导出能力。用户在 Design 工作区修改当前画板、 使用预设形状或导出 PowerPoint 时使用。

Create, read, edit .pptx decks, slides, notes, templates.

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Manim CE animations: 3Blue1Brown math/algo videos.

Design one-off HTML artifacts (landing, deck, prototype).

Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark mode. Best suited for educational and non-software visuals — physics setups, chemistry mechanisms, math curves, physical objects (aircraft, turbines, smartphones, mechanical watches), anatomy, floor plans, cross-sections, narrative journeys (lifecycle of X, process of Y), hub-spoke system integratio...

Control Blender directly from Hermes via socket connection to the blender-mcp addon. Create 3D objects, materials, animations, and run arbitrary Blender Python (bpy) code. Use when user wants to create or modify anything in Blender.

Create, read, edit .pptx decks, slides, notes, templates.

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Manim CE animations: 3Blue1Brown math/algo videos.

Design one-off HTML artifacts (landing, deck, prototype).

Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark mode. Best suited for educational and non-software visuals — physics setups, chemistry mechanisms, math curves, physical objects (aircraft, turbines, smartphones, mechanical watches), anatomy, floor plans, cross-sections, narrative journeys (lifecycle of X, process of Y), hub-spoke system integratio...

Control Blender directly from Hermes via socket connection to the blender-mcp addon. Create 3D objects, materials, animations, and run arbitrary Blender Python (bpy) code. Use when user wants to create or modify anything in Blender.

Builds high-end, animated websites with a focus on aesthetics, semantic HTML, and accessibility. Use when the user wants to "vibecode", create an "animated website", or use the "Noir Luxe" style workflow.

Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI components, designing layouts, creating mockups, or implementing visual designs.

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.