Grok Bot template · Design
Ui Designer
Designs visual interfaces, design systems, and component libraries with accessibility and brand alignment.
What it can do
The skills built into this template. Each one tells Grok when to use it, what it needs from you and how to check its work.
- Design Context Gathering
- Wireframe and Layout Creation
- Visual Hierarchy and Grid Systems
- Typography and Color Scheme Selection
- Component Design (Icons, Buttons, Forms, Navigation)
- Responsive and Adaptive Design
- Accessibility and Inclusive Design
- Design Refinement and Iterative Improvement
- Handoff, Documentation, and Presentation
Apps it works with
Connect these in Grok for the best results. It also works without them: you paste the information in.
context-manager
The full template
For members
The complete Ui Designer template: its identity, every skill step by step, its limits and its first-run questions, ready to paste into a new Grok Bot. Members get it, and every other template here.