ui-ux-design
UI/UX Design — Strategy, Research & Prototyping
When to Use This Skill vs /frontend-design
Use /ui-ux-design for |
Use /frontend-design for |
|---|---|
| New feature exploration & ideation | Implementing a specific component |
| Page redesign research | Writing the actual React code |
| UX audit & heuristic evaluation | Modifying an existing page |
| User flow mapping | Adding a table, form, or card |
| Wireframing & layout planning | Styling adjustments |
| Design review & critique | Bug fixes in UI |
This skill is strategic and exploratory. Use /frontend-design when you're ready to write code.
Target Audience
More from colaberryintern/colaberryenterprise_ai_leadershipaccelerator
baseline-ui
Output the project design system reference — colors, typography, spacing, component patterns. Invoke when discussing visual consistency, design tokens, or referencing the style guide.
16frontend-design
Generate React + Bootstrap 5 frontend components and pages following the project design system. Invoke for any new page, component, layout, or visual modification.
1fixing-accessibility
Audit and fix WCAG 2.1 AA accessibility issues in React components. Invoke for accessibility reviews, screen reader support, keyboard navigation, color contrast, and ARIA attributes.
1fixing-motion-performance
Optimize CSS animations, React rendering, and bundle performance. Invoke for animation jank, slow renders, large bundle size, or transition issues.
1