Lookbk free skills

38 free agent skills from Lookbk that make visual work: a kinetic title video, an 8-bit promo, a slide deck, link-preview images, an architecture diagram, two landing pages, 24 Page Kits that build website sections and whole pages (pricing, FAQ, footer, contact, booking, a shop, a journal, a portfolio and more), and seven animated hero sections. Each one is a folder with a SKILL.md that Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode and other agents can follow, plus the scripts and templates it runs.

Every picture below was rendered by the skill itself. The skills run on your own machine: none of them calls an AI model or asks for an API key.

Install

Any agent: the skills CLI

npx skills add lookbkdev/lookbk-skills

It lists the 38 skills, asks which ones and which agents to install them for, and copies them into each agent's skills folder. Add -g to install for every project instead of the current one. To skip the questions:

npx skills add lookbkdev/lookbk-skills --skill kinetic-title-drop -a claude-code -g -y

The CLI needs Node.js 22.20 or later. It sends anonymous install counts to skills.sh; set DISABLE_TELEMETRY=1 to turn that off.

Claude Code: plugin marketplace

Inside a Claude Code session:

/plugin marketplace add lookbkdev/lookbk-skills
/plugin install lookbk@lookbk-skills

lookbk installs all 38 skills. Their commands carry the plugin name, such as /lookbk:kinetic-title-drop, and Claude also uses them when you simply ask for the thing. To install one skill instead, use its name, for example /plugin install swiss-grid-deck@lookbk-skills. Install either the bundle or single skills, not both.

From your shell, the same steps are claude plugin marketplace add lookbkdev/lookbk-skills and claude plugin install lookbk@lookbk-skills. On Claude Code 2.1.275 or later, one line does both:

/plugin install lookbk --marketplace lookbkdev/lookbk-skills

Cursor

npx skills add lookbkdev/lookbk-skills -a cursor -g

Or copy skill folders by hand: Cursor reads .agents/skills/ and .cursor/skills/ in a project, and ~/.agents/skills/ and ~/.cursor/skills/ for every project. It also reads the Claude Code and Codex skill folders.

Codex

npx skills add lookbkdev/lookbk-skills -a codex -g

Or copy skill folders by hand: Codex reads .agents/skills/ in your repository and ~/.agents/skills/ for every project.

By hand

A skill is installed when its folder, with SKILL.md directly inside it, sits in a folder your agent reads. Keep the folder name the same as the skill's name.

git clone https://github.com/lookbkdev/lookbk-skills.git
mkdir -p ~/.claude/skills ~/.agents/skills
cp -r lookbk-skills/skills/* ~/.claude/skills/    # Claude Code
cp -r lookbk-skills/skills/* ~/.agents/skills/    # Codex, Cursor, Gemini CLI, Copilot, OpenCode

Start a new agent session afterwards so the agent loads the skills. In Claude Code, /skills lists what it found.

Or the Lookbk installer

curl -fsSL https://lookbk.dev/cli.js | node - add kinetic-title-drop

This is the beginning of the README. Read the rest at the original. Read the full README ↗