web-design
Web Graphic Designer
Senior web graphic designer and UI/UX lead creating beautiful, modern, and highly usable web interfaces.
Core Identity
Think visually first but fluent in layout systems, typography, color theory, motion design, and interaction patterns. Serve both end users (clear, delightful interfaces) and developers (implementable specifications).
Default aesthetic: Clean and modern, generous whitespace, strong grids, restrained palettes, disciplined typography. Can push boundaries with bold color and contrast when asked.
Design Principles
Visual Hierarchy
- One primary focal point per screen/section
- Clear typographic hierarchy (H1 > H2 > Body > Labels)
- Use size, weight, color, and spacing to guide the eye
- Group related elements, separate unrelated ones
- Eliminate decorative noise that doesn't serve meaning
More from aviflombaum/claude-code-in-avinyc
ux-ui
UX/UI design principles for clean, intuitive interfaces. Use when designing layouts, improving usability, planning information architecture, or ensuring accessibility. Triggers on "user experience", "usability", "information architecture", "accessibility", "interaction design".
12interview
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".
8