Design & Media Agent Skills for Grok Build

A modern dark-themed React UI system using Tailwind CSS and Framer Motion.

提供公司级前端 UI/UX 设计知识库，覆盖产品类型、视觉方向、设计 token、布局、 交互、可访问性、动效与交付检查。当前端任务需要统一设计语言或体验门禁时使用。

This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography…

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues.

Automate Gamma tasks via Rube MCP (Composio).

Generate presentations, documents, and webpages via Gamma API.

[Trigger] When PPT workflow needs SVG slide layout and aesthetic optimization via Gemini. [Output] Structured optimization suggestions…

Use this skill for generative video editing, text-to-video, image-referenced video generation, first-frame-to-video, first-and-last-frame…

Remove the visible Gemini AI watermark from images using reverse alpha blending.

Generate Figma Code Connect mappings that link React components to their Figma counterparts.

Generate or edit images using AI models (FLUX, Gemini).

Generate an image from a text prompt using OpenAI's gpt-image-2 API and save it into the project.

Generate an MCP App widget (self-contained HTML) for an MCP tool.

Evaluates UI/UX design plans, user flows, UI states, responsiveness, and accessibility before frontend implementation.

Apply the Gestalt principle of Similarity — elements that share visual attributes (color, shape, size, orientation) are perceived as…

Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability.

Dark glassmorphism design with frosted panels, backdrop blur, and vibrant mint-green/indigo accents on deep navy background.

Generates cyberpunk-style title frames featuring digital glitch effects, chromatic aberration, and data-corruption artifacts for video…

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Automate Google Slides tasks via Rube MCP (Composio): create presentations, add slides from Markdown, batch update, copy from templates…

Turn travel photos into 3:4 opaque-gouache posters using a split photo/still-life layout, a full-canvas object still life, or a full-scene…