AI Skills

Describe an everyday object and AI draws it as a hand-inked isometric model with working buttons that you can turn around and see inside.

• Interactive 3D visualization
• Interactive learning
• Illustration creation

Design rules for AI coding tools to read, currently two Skills: landing page design, and turning static designs into motion.

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

Hand a document to your AI agent to get a web slide deck you can edit page by page in the browser, then export as editable PPTX or PDF.

• Presentation creation

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

Thirty-five matching diagram templates for AI agents, producing animated flowcharts and structure diagrams or static images.

• Diagramming
• Animation and motion

Lets Claude Code and Codex use Superdesign to generate web, graphic and slide designs on an infinite canvas.

• UI and web design
• Frontend development
• Presentation creation

Upload a reference image and get its composition, colour, lighting and style back as Chinese and English image prompts.

• Image prompt design
• Prompt engineering
• Image generation
• +1

Ask your AI for a diagram and get an animated, interactive one, exported as a web page, image or video.

• Software architecture design
• Diagramming
• Frontend development
• +2

A Skill for Xiaohongshu covers: set the hierarchy and visual anchor first, then get a ready-to-use image prompt.

• Visual design
• Image generation
• Social media content creation
• +1

A visual dictionary of motion: pick the animation you want from examples and hand the exact terms to your AI.

• Animation and motion

Turns your photo or character plus a long article into a full set of vertical Xiaohongshu knowledge cards, with titles and post copy included.

• Social media content creation
• Writing assistance

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

An Anthropic example Skill in which Claude writes a design philosophy first, then turns it into a poster or art piece as a PNG or PDF.

• Visual design
• PDF processing

A Skill that applies Anthropic's official brand colors and typography to documents, slides and other artifacts.

• Brand visual design
• Presentation creation
• Document creation

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

An Anthropic example Skill that applies one of 10 preset color and font themes, or a new one made on the spot, to slides, documents and web pages.

• Frontend development
• Presentation creation
• Document creation

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

Matches your idea to one of 22 image-prompt templates by purpose, style and scene, then writes a ready-to-copy prompt for image generation.

• Image prompt design
• Image generation
• Prompt engineering

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

Give it an AI topic and it produces a cover plus 10 carousel pages, delivered with a title, caption and source list.

• Visual design
• Source citation

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

• Animation and motion
• Visual design

Hand an article or an old deck to your AI agent and get back a native, fully editable PPT, restyled from a reference image if you like.

• Presentation creation

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

A photo-editing Skill with 10 modes, from retouching and object removal to new backgrounds, outpainting and fixing closed eyes, carried out by your AI tool.

• Image editing

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 photos of historic buildings and old streets into editorial posters with Chinese display type.

• Visual design

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

• Illustration creation
• Visual design

Turn a 3 to 5 step process into one complete miniature diorama image.

• Visual design

Turn a small real moment into a 4 to 8 panel diary comic starring your own recurring character.

• Illustration creation

Generate PNG or WebP images with a real transparent background.

• Image generation

Design and review logos where two meanings share the same shapes.

• Brand visual design

A set of SwiftUI patterns for navigation, state, layout and screen composition.

• Mobile application development

Guides developers in using Liquid Glass correctly in iOS 26 SwiftUI interfaces.

• Mobile application development

Builds complex interactive pages with React and Tailwind, then bundles them into one shareable HTML file.

• Frontend development

Starts from a written artistic concept, then builds it as interactive generative art in p5.js.

• Generative art
• Illustration creation
• Image generation

Has an AI building web interfaces design from the subject matter and avoid generic AI-looking defaults.

• UI and web design
• Frontend development