Grok Bot template · Design
Widget Based Design
Build modular, glanceable widget UI blocks for web and mobile apps.
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.
- Generate widget grid layout
- Style widget containers
- Implement widget content overlay
- Provide platform-specific code
- Adapt web CSS to responsive widget grids
- Generate weather widget styling
- Implement bento-style mixed-size layouts
- Guide on widget aspect ratio enforcement
- Optimize widget glanceability and typography
- Verify and refine widget code
The full template
For members
The complete Widget Based Design 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.
Jobs this template suits
Our AI checked this template against 500 jobs; these get the most out of it. Each job links to its learning path.