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.

Must-haves · Graphic designers

Must-haves for graphic designers

For designers who want an AI assistant to do the slow parts: turn a Figma frame into a page, keep every asset on brand, make images and animate them into short videos. You describe it in plain words.

Most useful first. Start with one, try it, then add the next.

What do you want to do?

Pick a task. Each page lists the free add-ons we tested for it, in order.

Skills

  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

All skills

Agents

No agent is a must-have for graphic designers. You can start without one.

All agents

Connectors (MCP servers)

  1. Give your assistant your Figma files

    Framelink MCP for Figma

    Connector that lets your assistant read a Figma file, frame or group from a link and turn it into code, using a personal Figma access token you create.

    NewconnectorInstalls cleanly
    Install line
    Paste this in the terminal
    claude mcp add framelink-figma -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

    For Claude Code. All steps and how we tested it

All connectors

Superpowers Pack · early access

Skip the setup with the Superpowers Pack

Everything on this page is free to install by hand. The Superpowers Pack is our paid product: one command with your licence key superpowers and configures your AI: rules, safe settings and ready skills.

Help included: if the install does not work or you get stuck, email us and a person helps you. Prices include VAT.

Get early access