Design & Media Agent Skills for Grok Build

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds…

Design intentional imperfection that reads as warmth — subtle asymmetry, hand-drawn elements, organic textures, intentional irregularities.

Apply wabi-sabi restraint — the discipline of leaving things out, of resisting decoration, of letting empty space and silence do design…

Use this skill whenever a user must navigate within a non-trivial space — a multi-page web app, a documentation site, a hierarchical…

Establish project context - foundation for all design work

Create UX scenario outlines from Trigger Map through structured micro-steps

Generate visual and text assets from specifications through AI-powered creative production

Web Animations API adapter patterns for HyperFrames.

A minimalist CSS component library and design system (black-white-gray, dark mode, zero-build, wb-* prefix) to build the most BEAUTIFUL…

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.

Use for web interfaces, landing pages, product sites, dashboards, React, Next.js, Astro, Tailwind, frontend audits, responsive design…

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks…

Review files for compliance with Web Interface Guidelines.

Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips…

Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers…

Streamlines frontend UI component generation and automates secure demo page publishing to GitHub Pages.

Select, pair, and implement typefaces for web projects.

Clone inspiration sites and customize them for your business.

Habilidad integral de Svelte y SvelteKit: Svelte 5 Runes, Stores, SSR/SSG, Form Actions, animaciones nativas y Clean Architecture.

OpenDesign's weekly metrics standup: this week's numbers, the one anomaly, and the single decision it forces.

AI 3D rendering — transform a photo into a Blender-style 3D model viewport screenshot