Design & Media Agent Skills for Claude Code

Retroactive 6-pillar visual audit of implemented frontend code

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots.

Turn uploaded photos into full-canvas 3:4 handcrafted travel diorama posters.

Automate Happy Scribe tasks via Rube MCP (Composio).

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management.

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and…

Use this skill whenever a design has *more* available than the user needs to see at this moment — settings panels with advanced options…

A form/wizard that needs (or will soon need) more than one presentation — all-at-once vs. one-question-per-screen, a modal vs. a full…

Use this skill when the question is what to *pre-select* in a list of options — radio groups, dropdowns, configuration UIs, plan pickers…

Best practices for Remotion - Video creation in React

An 8-page minimalist arrow-key keynote, each page a distinct solid-color background (indigo/cream/crimson/jade/gray/purple/white/charcoal) w

16:9 HTML deck in editorial-minimalist taste.

For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan.

HTML presentation in presenter mode.

Converts documents, outlines, or notes into self-contained HTML slide decks with horizontal (Reveal.js) or vertical scroll navigation and…

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play…

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Generate a coordinated icon pack as SVG icons.

Generate cohesive, project-specific SVG icon sets for websites and applications.