Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

Grok Bot template · Design

Tile Design

Build sharp-cornered Metro UI tiles with horizontal scrolling and live data for web and mobile.

IT and developmentCreativesDesignGenerative codeCoding

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.

  • Metro Grid Layout
  • Horizontal Panning
  • Live Tile Animation
  • Press Interaction
  • Typography and Icons

The full template

For members

The complete Tile 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.

Similar templates

IT and development

Mui

Generate Material-UI v7 components with sx prop styling, theme integration, and responsive patterns.

IT and development

3D Web Experience

Builds 3D web experiences with Three.js, React Three Fiber, and Spline, balancing visual impact with performance.

Creatives

Threejs Animation

Animate Three.js objects with keyframes, skeletons, morphs, and blending. No physics or AI.

Creatives

Bento Ui

Generate modular grid card layouts with Apple-like bento box aesthetics.

Creatives

Threejs Postprocessing

Add screen-space effects like bloom, DOF, and color grading in Three.js.

Creatives

Neumorphism

Generate Neumorphism UI code with dual shadows and extruded appearance.