Design & Media Agent Skills for Claude Desktop

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

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

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and…

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and…

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

Integration skill for searching and fetching high-quality, free-to-use professional photography from Unsplash.

Generate UX microcopy in StyleSeed's Toss-inspired voice for buttons, empty states, errors, toasts, confirmations, and form guidance.

Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules.

Add appropriate user feedback states (loading, success, error, empty) to a component or page

To build powerful frontend claude.ai artifacts, follow these steps:

Review files for compliance with Web Interface Guidelines.

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime…

Creates the visuals for a LinkedIn profile or Page (profile photo, personal banner, company logo, company cover) at LinkedIn's official…

Design and implement high-quality liquid glass UI effects for web apps.

Coordinate blog-core Liquid Glass across a whole UI area or several related controls.

Apply the Kube-blog stronger displacement treatment to magnifiers, zoom lenses, spotlights, and cursor-following Liquid Glass effects.