Design, UI & Media Skills

Design, UI & Media skills & plugins for AI agents and assistants.

17 results in Design, UI & Media Skills

Active Pro listings from this category appear first. Your sort applies within Pro and Free results.

AnatomyAI Skills & PluginsAnatomy is an MIT-licensed agent skill and Node drawing kit for interactive isometric figures, with SVG, HTML and React output, WebGL and a beta 3D mode.Open sourceWeb platform

Views · 7 daysTop 5%

8 views25,535 stars

View details

appllama-skillsAI Skills & Pluginsappllama-skills is a pair of MIT agent skills: one researches the Appllama app design library, the other builds native-feeling Expo and React Native screens.Open sourceSoftware

Views · 7 daysTop 29%

1 views4,939 stars

View details

AArchifyAI Skills & PluginsArchify is an open-source agent skill that turns descriptions, plans and repositories into interactive diagrams delivered as self-contained HTML files.Open sourceSelf-hosted

Views · 7 daysTop 16%

2 views94,186 stars

View details

BCBanana ClaudeAI Skills & PluginsBanana Claude turns creative requests into reviewable Gemini image workflows inside Claude Code, with offline planning, explicit approval for paid calls, model comparisons, and local typesetting.Open sourceSelf-hosted

Views · 7 daysTop 10%

3 views1,186 stars

View details

DDDiagram DesignAI Skills & PluginsDiagram Design is an open-source agent skill that creates brand-matched diagrams as self-contained HTML and SVG, with source redrawing and PNG export.Open sourceSoftware

Views · 7 daysTop 29%

1 views65,492 stars

View details

FSFrontend SlidesAI Skills & PluginsFrontend Slides is an open-source coding-agent skill that builds browser-based presentations from a brief or converts PowerPoint files, with style previews.Open sourceWeb platform

Views · 7 daysTop 29%

1 views31,989 stars

View details

GAGSAP AI SkillsAI Skills & PluginsGSAP AI Skills is an MIT-licensed set of agent skills that guides coding agents in writing and reviewing GSAP animations, plugins and framework code.Open sourceSoftware

Views · 7 daysTop 29%

2 views18,006 stars

View details

GPGuizang PPT SkillAI Skills & PluginsGuizang PPT Skill is an AGPL-3.0 agent skill that generates HTML presentations with editorial and Swiss templates, speaker notes and layout validation.Open sourceSelf-hosted

Views · 7 daysTop 29%

1 views29,389 stars

View details

HHallmarkAI Skills & PluginsHallmark extends coding agents with themed or custom web design, browser-based checks, and redesign workflows that check whether existing content and interactions are preserved.Open sourceSelf-hosted

Views · 7 daysTop 16%

2 views49,562 stars

View details

ImpeccableAI Skills & PluginsImpeccable adds design guidance, interface reviews, and visual refinement commands to coding agents, alongside a standalone detector for recurring UI patterns and quality issues.Open sourceSoftware

Views · 7 daysTop 29%

2 views104,754 stars

View details

RARemove AI WatermarksAI Skills & PluginsRemove AI Watermarks is a Python CLI, library and agent skill that finds and removes visible AI labels, pixel watermarks and AI metadata from media.CommercialSelf-hosted

Views · 7 daysTop 29%

1 views6,295 stars

View details

SVStickman Video DirectorAI Skills & PluginsStickman Video Director is an MIT AI skill that turns a topic, link or script into stickman storyboards and prompts, or a locally assembled narrated video.Open sourceSelf-hosted

Views · 7 daysTop 29%

1 views4,572 stars

View details

Ttext-to-cadAI Skills & Pluginstext-to-cad is an MIT-licensed plugin and skills library that lets AI agents build CAD models locally and export STEP, GLB, STL and 3MF files.Open sourceSelf-hosted

Views · 7 daysTop 7%

4 views25,701 stars

View details

UUUI UX Pro MaxAI Skills & PluginsUI UX Pro Max is an open-source AI skill with searchable UI/UX guidance and design system generation, installed through a CLI or the Claude Code marketplace.Open sourceSelf-hosted

Views · 7 daysTop 10%

4 views146,142 stars

View details

UAUX/UI Agent SkillsAI Skills & PluginsUX/UI Agent Skills gives AI coding agents design-token and component workflows, plus checks for contrast, responsive overflow and interaction behavior.Open sourceSoftware

Views · 7 daysTop 10%

5 views3,116 stars

View details

Vvideo-shotcraftAI Skills & Pluginsvideo-shotcraft equips Claude Code and Codex with a workflow for producing product promos from real pages, motion recipes and audio, with editable Remotion source and a local browser-based editor.Open sourceSelf-hosted

Views · 7 daysTop 16%

2 views17,459 stars

View details

WAWeb Animation SkillsAI Skills & PluginsMIT-licensed skill pack for AI coding agents covering web animation with GSAP, SVG, Lottie, CSS and Framer Motion, plus reduced-motion handling.Open sourceSoftware

Views · 7 daysTop 3%

16 views81 stars

View details

Focused collections

Shortlists for Design, UI & Media Skills

Explore collections with tools relevant to this category, grouped by deployment, source model or workload.

How to choose design, ui & media skills tools

Design, UI and media skills teach an AI coding assistant how to produce visual output: interface layouts, diagrams, slide decks, animations, illustrations and narrated videos. A skill here typically bundles design rules, reference examples and scripts that render SVG, HTML or image files, plus checks that review the result in a browser. They differ from design applications because the assistant does the drawing from a prompt, and from code skills because the goal is visual quality.

Read the guide

Who uses these tools

Front-end developers improving interfaces built with agents
Technical writers producing diagrams and architecture visuals
Presenters turning briefs into browser-based slide decks

Capabilities to compare

Design guidance and interface review commands
Diagram generation as self-contained HTML or SVG
Slide and presentation building from briefs
Animation and video assembly from scripts
Browser checks of rendered visual output

Operating considerations

Paid image generation calls triggered by the skill
Licences of fonts, templates and generated assets
Local rendering dependencies such as browsers or encoders
Brand consistency when several design skills overlap

Selection checklist

Generate the same artefact with two candidate skills and compare the results against your brand guidelines.
Check whether the skill calls paid image or media services and whether it asks before spending.
Confirm the output format fits your pipeline, for example editable files rather than flat images.
Look at how the skill verifies its own output, such as screenshots or layout validation.

What belongs in this category: Skills and plugins appear here when their main output is something people look at, such as screens, diagrams, presentations, images or video, and the skill guides or renders that output through an assistant.