AI Skills

Fifteen Skills in which designer and engineer Emil Kowalski turns his years of interface experience into guidance for AI on motion and UI detail.

• UI and web design
• Animation and motion

A Skill that gives coding agents ears: it analyses the sound in audio and video so AI can describe, pick and time sound effects.

• Audio analysis

A Skill plugin that lets AI coding agents make 3D models, engineering drawings and print files on your own computer, with 12 Skills.

• 3D generation

Two visual Skills: article covers, and stylised avatars of people, pets or objects.

• Visual design

Pick a style number, a layout and a theme color, say what you want to draw, and get a bilingual image prompt ready to paste.

• Image prompt design
• Visual design
• Image generation
• +2

A design kit that has your AI agent build screens and components to a token-based design system, then checks contrast, accessibility and layout with 52 automated gates.

• Decision support

Three agent skills that add ready-made CSS transitions to your UI, tune the motion you already have, and play an "AI is generating this" reveal.

• Frontend development
• Animation and motion

Plans and generates white-background, hand-drawn illustrations for Chinese articles, with a small black character called Xiaohei acting out each key idea.

• Illustration creation

A motion design Skill from LottieFiles that teaches AI agents to settle emotion, timing and easing before writing UI animation.

• Animation and motion

Six Skills you can install one at a time, for narrated web presentations, code-made motion videos, web design, AI images, web articles and local knowledge search.

• UI and web design
• Frontend development
• Animation and motion
• +2

Rebuilds a raster logo as a smooth, editable SVG, then choreographs it into a logo animation with a replayable HTML demo and previews.

• Brand visual design
• Animation and motion
• Frontend development

Builds websites the way a director makes a film: art direction locked first, then assets and build, then script checks for template habits and dropped frames.

• UI and web design
• Software performance optimization

Two Skills that teach AI coding agents to build native-feeling mobile app screens, with an optional paid library of top-grossing app designs to study first.

• Mobile UI design

111 design-method Skills in 9 plugins, covering user research, UI and interaction, design systems, testing, handoff and visual critique.

• UI and web design
• Visual design

Turns articles, reports and papers into image-based slide decks: the agent agrees an outline and style with you, renders each slide as a full-page image, then assembles a .pptx.

• Presentation creation
• Image generation

Ten Skills from Baoyu's collection that help your AI agent illustrate articles and make covers, comics, infographics, slides and Xiaohongshu cards, plus translation and formatting.

• Visual design
• Presentation creation
• Illustration creation
• +2

Turns Mermaid code into themed SVG, PNG and terminal text diagrams, rendered locally without a browser.

• Diagramming

An agent skill for making art-style and explainer animations in code, with 35 art-style recipes built in.

• Animation and motion
• Visual design

A skill that has your AI agent draw flows, structures and data as clean, consistent diagrams in your own brand colors and fonts.

• Diagramming
• UI and web design

Eight official Skills from the GSAP team that teach AI coding agents to use GSAP properly for web animation and scroll effects.

• Animation and motion
• Frontend development

A set of web design rules for AI coding agents that steers AI-built pages away from template looks in layout, type, color and motion.

• UI and web design
• Frontend development
• Animation and motion

A design knowledge base for AI coding assistants that picks the style, colors, fonts and layout for your project.

• UI and web design

Describe what you want to understand or plan, and your AI turns it into an interactive diagram you can click and zoom.

• Diagramming
• Planning
• Frontend development
• +1

Design guidance for AI coding assistants: 24 design commands plus automatic checks for better type, color and layout.

• UI and web design
• Visual design

A set of six Skills that has AI turn prototypes, wireframes, plans and system diagrams into single web-page files you can open in a browser.

• Frontend development
• Diagramming

21 hand-drawn style recipes that turn your idea into image prompts, ready for whichever image tool you use.

• Image prompt design
• Visual design
• Image generation
• +1

Turns a photo into a vertical editorial piece: the original image untouched, with abstract memory panels and a short poetic English title below.

• Visual design

Lets your coding agent turn plain descriptions, codebases or infrastructure configs into editable draw.io architecture diagrams.

• Diagramming
• Software architecture design
• Code quality and comprehension

A design skill that steers Claude Code, Cursor and Codex away from look-alike, template-style interfaces.

• UI and web design
• Frontend development

Turn a theme or a photo into a print-style editorial image using one or two inks.

• Illustration creation
• Visual design