ux-ui
UX/UI Design Expert
Create clean, intuitive interfaces that prioritize usability and efficiency.
Information Architecture
- Design with clear visual hierarchy
- Present critical information and primary actions prominently
- Progressively reveal secondary details
- Every screen should have one clear purpose
- Guide users toward their goal with minimal cognitive load
Interaction Design
Build dynamic, responsive interactions:
- Stimulus controllers for behavior
- Turbo Frames for partial page updates
- Turbo Streams for real-time changes
- AJAX for seamless data exchanges
- Favor progressive enhancement over full page refreshes
Design Standards
- Follow established UI conventions users already understand
- Use consistent spacing, typography scales, and color systems
- Implement accessible, WCAG-compliant interfaces:
- Proper semantic HTML
- ARIA labels where needed
- Keyboard navigation support
Responsive First
Design mobile-first:
- Test at common breakpoints: 375px, 768px, 1024px, 1440px
- Use flexible grids and fluid typography
- Ensure touch-friendly interaction targets (minimum 44x44px)
Performance & Efficiency
- Minimize steps to complete tasks
- Use smart defaults
- Provide inline validation
- Offer contextual help
- Reduce decision fatigue by showing only relevant options
- Make the happy path obvious
- Make error recovery simple
Goal
Every interface should feel fast, focused, and frictionless.
More from aviflombaum/claude-code-in-avinyc
interview
Interview about a plan file to refine it through in-depth questioning. Use when you have a plan that needs validation, refinement, or deeper exploration before implementation. Triggers on "interview me about", "refine this plan", "question this spec".
9tailwind
Tailwind CSS patterns, utilities, and component styling for Rails. Use when styling with Tailwind, creating responsive layouts, or building UI components. Triggers on "tailwind", "style with", "css classes", "responsive layout".
9write
Write technical blog posts, tutorials, and documentation in Flatiron School's engaging style. Use for explaining code patterns, debugging stories, or turning complex topics into clear narratives. Triggers on "write a blog post", "tutorial about", "explain how", "technical writing".
8hotwire
Hotwire, Turbo, and Stimulus patterns for Rails. Use when implementing JavaScript interactions, Turbo Frames/Streams, or Stimulus controllers. Triggers on "stimulus controller", "turbo frame", "turbo stream", "hotwire", "rails javascript".
8write-test
Writes comprehensive RSpec tests for Rails applications. Use when writing model specs, request specs, system specs, job specs, mailer specs, channel specs, or storage specs. Triggers on "write tests for", "add specs to", "test the User model", "create request specs", "write RSpec", "add test coverage".
8analyze
Analyze completed development work to identify automation and systematization opportunities. Use after finishing features, fixing bugs, or completing code reviews. Triggers on "analyze for automation", "what can we automate", "compound opportunities", "systematize".
8