Skip to content

VIBE21 · skill library for vibecoding

Keep the vibe Lose the slop

VIBE21 is a library of skills and templates for your favourite AI agent. Quick results, output at senior-team level.

vibe21 / skillsv0.1
  • 01prepare your system
  • 02create new web
  • 03setup design
  • 04VIBE!
  • 05publish it online
No coding required, just the vibe.
Runs in
  • Claude Code
  • Cursor
(and probably others, try it and let us know!)

Slop is optional

Without a skill

What happened: Empty superlatives, a badge that says AI-Powered, three twin tiles, and overused gradients. Same as hundreds of other pages.

With VIBE21

What happened: One type, one accent, one density — a system that still holds at hour three. Tailored for the brand, unique to the brand.

No developers needed

You describe what the site should do. The skills handle the parts you would normally hand to a developer — and they do it the same way every time, on every page.

seo · geo

Found by Google and by AI

Titles, meta, sitemap, structured data — and machine-readable answers that LLMs can cite. You write the pages. The skill makes them findable.

analytics

Analytics wired in, not sprinkled

Give it a measurement ID. You get consent, events, and conversions — no extra plugin.

accessibility

Works with a keyboard and a screen reader

Contrast, focus, labels, alt text. Accessibility is part of the build, not a cleanup at the end.

languages

A second language, not a second website

URLs, translated content, a language switch. One site, two (or more) locales.

/vibe21-add-google-analytics

Working

interactive

Calculators, maps, anything that computes

A price calculator, a store map, a booking step. You describe the inputs and the result.

forms · email

Forms that actually deliver mail

Let visitors send you an email. Validation, spam protection, and an email that arrives. Or let them subscribe to a newsletter.

Questions

Which languages should the website support?

  • AEnglish
  • BCzech
  • COther…
Full skill catalog

Vibin' in a minute

A few slash commands. The agent knows exactly what to do. You answer when asked.

  1. 01

    System check

    Checks the environment and installs anything missing. You do not need to configure anything. You just watch.

    /vibe21-system-check
  2. 02

    New web

    Open an empty folder. Answer a few questions about the site. Technology stack is prepared for you.

    /vibe21-new-web
  3. 03

    Design

    Style, primary color, secondary color. The look, locked in. Your brand book incorporated into the design.

    /vibe21-design-configuration
  4. 04

    Local preview

    A live preview of the site you are building. The server stays out of the way. You just watch how changes are applied.

    /vibe21-local-preview
  5. 05

    Vibe

    From here you write. VIBE21 watches the output and keeps you on the path.

    no command · just vibe

unleash your creativity
Every site the AI built looked all the same. And the moment we asked for a contact form or real analytics, it turned into a project. Not here.

Martina Navrátilová, marketing manager
Skupina H5

Keep the vibe Lose the slop

Skills and templates for Claude Code and Cursor. You describe the site. The agent already knows how.

Use VIBE21
VIBE21 · Developed by BC21