Design & Media Agent Skills for Claude Desktop

Detect AI-generated UI patterns in CSS and component files — reports side-tab accents, gradient text, glassmorphism, bounce easing…

Convert a user-supplied designed image or an existing visual_dna_system document into a debranded, platform-specific illustration-style…

Specify any visual piece —a product interface, a presentation, an infographic— screen by screen or slide by slide: purpose, structure…

Extract a reusable, de-branded Visual DNA Design System from visual samples such as websites, screenshots, Figma references, images…

Open a running local app in Design overview mode as URL-backed iframe screens for visual editing, flow review, duplication, and…

Use this skill to audit or define a constrained visual system for a website, interface, landing page, portfolio, or design system.

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and…

Audits UI layouts, slides, and dashboards to identify visual hierarchy flaws, inconsistent spacing rhythm, and misaligned emphasis signals.

Use when a project needs its visual/frontend design direction decided — fonts, colors, theme, spacing, and overall feel — before or during…

Comprehensive visual reasoning engine. Transforms abstract creative intent into structured visual specifications for image generation and…

Generate visual prototype prompts from SCR- entries for Google Stitch (or equivalent UI generation tool).

Create, extract, and apply portable visual design systems via visual-style.md files.

Create or revise deterministic editorial visual-poetry posters in which exact crops from one source photograph become inline semantic…

Structured visual QA verdict for screenshot-to-reference comparisons.

Create beautiful, self-contained HTML visualizations from any content or idea.

AI-powered product design tool for transforming sketches into full-fidelity 3D renders.

Author a vos animation program (VosConfigJson) from scratch or debug one — declarative configs compiling into deterministic Three.js +…

Decompose large Vue 3 components into focused SFCs and composables with explicit contracts, simple templates, and SSR-safe side effects.

Architects high-performance Vue 3 applications using Composition API, script setup, custom composables, and Pinia state management.

Guides Vue 3 Composition API and Nuxt 3 development — composables, reactivity, SSR data fetching, and component patterns.

Scaffolds enterprise-ready Vue 3 admin frontends in an Nx monorepo with Vite, Element Plus, Pinia, and Yarn Berry.