From zero to AI hero
Superpowers PackGet superpowers
From zero to AI hero

Must-haves for…

Start in 10 minutes

Plain-word guides and superpowers for Claude Code, Codex and Gemini.

Free Free catalog: tested by us, made by others

Skills

Skills are superpowers you add to your assistant. A skill is a set of written instructions, sometimes with small tools, that teaches your assistant one job, such as planning a long task or writing in a natural voice. You install it once and the assistant uses it when the job comes up. Plugins, hooks and commands are listed here too: they install the same way.

Skills, Agents and Connectors Explained

New this week

Added to the catalog in the last 7 days.

  • Make and edit images in Gemini CLI

    Nano Banana

    Gemini CLI extension that creates and edits images from plain-language prompts with Google's Nano Banana models, and can restore old photos.

    NewskillPartly tested (needs an account)
    Install line
    Paste this in the terminal
    gemini extensions install https://github.com/gemini-cli-extensions/nanobanana

    For Gemini CLI. All steps and how we tested it

  • Launch videos and animated charts

    Motion Graphics Skill Pack

    A pack of Claude Code skills for launch videos, animated charts and short reels, made as code and rendered to MP4, starting with a brand intake step.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add charlie947/motion-graphics-skills

    For any assistant. All steps and how we tested it

  • Turn web pages into videos

    HyperFrames

    Official HeyGen kit that lets your assistant build short videos as web pages and render them to MP4, with skills for Claude Code, Codex and Gemini.

    NewskillInstalls cleanly
    Install: step 1 of 2
    Step 1 of 2 · Paste this in the terminal
    claude plugin marketplace add heygen-com/hyperframes

    For Claude Code. All steps and how we tested it

  • Animated explainer videos in styles

    Animate

    Claude Code skill that makes short animated explainer videos in styles like cut paper, riso print or pixel art, and shows you a storyboard first.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npm i -g playwright && npx playwright install chromium

    For any assistant. All steps and how we tested it

Start here: skills for graphic designers

Our must-haves, most useful first. Install the first one, try it, then add more.

Start with this one

  1. RecommendedskillPartly tested (needs an account)

    Pick colours, fonts and layouts

    UI/UX Pro Max

    Helps the assistant choose colours, fonts and layouts that look good.

    Test: installs cleanly; its main features need an account we did not use. Not yet used on real work.

    Good forWeb developers, Build an app, Graphic designersWatch outThe skill runs a small Python search script on your computer. Read the script in the repository if you want to know what it does.

    For Claude Code Also works with Codex CLI and Gemini CLI — see all steps
    Step 1 of 2 · Type this inside Claude Code
    /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
    See all 2 steps

  1. Make and edit images in Gemini CLI

    Nano Banana

    Gemini CLI extension that creates and edits images from plain-language prompts with Google's Nano Banana models, and can restore old photos.

    NewskillPartly tested (needs an account)
    Install line
    Paste this in the terminal
    gemini extensions install https://github.com/gemini-cli-extensions/nanobanana

    For Gemini CLI. All steps and how we tested it

  2. Launch videos and animated charts

    Motion Graphics Skill Pack

    A pack of Claude Code skills for launch videos, animated charts and short reels, made as code and rendered to MP4, starting with a brand intake step.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add charlie947/motion-graphics-skills

    For any assistant. All steps and how we tested it

  3. Turn web pages into videos

    HyperFrames

    Official HeyGen kit that lets your assistant build short videos as web pages and render them to MP4, with skills for Claude Code, Codex and Gemini.

    NewskillInstalls cleanly
    Install: step 1 of 2
    Step 1 of 2 · Paste this in the terminal
    claude plugin marketplace add heygen-com/hyperframes

    For Claude Code. All steps and how we tested it

8 skills match your filters

8 skills match your filters.

  • Pick colours, fonts and layouts

    UI/UX Pro Max

    Helps the assistant choose colours, fonts and layouts that look good.

    RecommendedskillPartly tested (needs an account)
    Install: step 1 of 2
    Step 1 of 2 · Type this inside Claude Code
    /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

    For Claude Code. All steps and how we tested it

  • Make and edit images in Gemini CLI

    Nano Banana

    Gemini CLI extension that creates and edits images from plain-language prompts with Google's Nano Banana models, and can restore old photos.

    NewskillPartly tested (needs an account)
    Install line
    Paste this in the terminal
    gemini extensions install https://github.com/gemini-cli-extensions/nanobanana

    For Gemini CLI. All steps and how we tested it

  • Launch videos and animated charts

    Motion Graphics Skill Pack

    A pack of Claude Code skills for launch videos, animated charts and short reels, made as code and rendered to MP4, starting with a brand intake step.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add charlie947/motion-graphics-skills

    For any assistant. All steps and how we tested it

  • Turn web pages into videos

    HyperFrames

    Official HeyGen kit that lets your assistant build short videos as web pages and render them to MP4, with skills for Claude Code, Codex and Gemini.

    NewskillInstalls cleanly
    Install: step 1 of 2
    Step 1 of 2 · Paste this in the terminal
    claude plugin marketplace add heygen-com/hyperframes

    For Claude Code. All steps and how we tested it

  • Animated explainer videos in styles

    Animate

    Claude Code skill that makes short animated explainer videos in styles like cut paper, riso print or pixel art, and shows you a storyboard first.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npm i -g playwright && npx playwright install chromium

    For any assistant. All steps and how we tested it

  • Launch video from your website

    Product Launch Motion

    Claude Code skill that reads your public website and turns it into a short product launch video with music, sound effects and motion, rendered to MP4.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add AbubakrChan/product-launch-motion

    For any assistant. All steps and how we tested it

  • Motion timing and easing rules

    Motion Design Skill

    LottieFiles skill that teaches your assistant motion design rules, like timing, easing and what moves first, so its animations look calm and deliberate.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add LottieFiles/motion-design-skill

    For any assistant. All steps and how we tested it

  • Teach your assistant web animation

    GSAP AI Skills

    Official GSAP skills that teach your assistant to write correct web animations: timelines, scroll effects and plugins for React, Vue and plain pages.

    NewskillInstalls cleanly
    Install line
    Paste this in the terminal
    npx skills add https://github.com/greensock/gsap-skills

    For any assistant. All steps and how we tested it

Every must-have for graphic designers: skills, agents and connectors