saint4ai/onai-vibecoding-skills

onAI — an open-source pack of skills for vibe coding in Claude Code: design/UX-UI, reviews, copywriting, automated tests, security, project memory, and Tasker. Install with a single prompt.

2Stars on the repository
23Mods indexed here, across every type
2mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

ckm:banner-design

01

saint4ai/onai-vibecoding-skills

Skill Claude Code needs its repo

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold…

not rated 2 2mo ago A 121 tokens copy · 94% MIT

brand-guidelines

02

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

not rated 2 2mo ago A 50 tokens copy · 100% MIT

ckm:brand

03

saint4ai/onai-vibecoding-skills

Skill Claude Code

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

not rated 2 2mo ago A 38 tokens copy · 94% MIT

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

A Russian-language contract review skill for software, web-platform, and digital-product agreements under Kazakhstan law.

not rated 2 2mo ago A 165 tokens original MIT

creative-copywriter

06

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

A Russian-language advertising copywriting workflow for creating stories, offers, social posts, and video scripts.

not rated 2 2mo ago A 33 tokens original MIT

ckm:design-system

07

saint4ai/onai-vibecoding-skills

Skill Claude Code

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

not rated 2 2mo ago A 55 tokens copy · 100% MIT

ckm:design

08

saint4ai/onai-vibecoding-skills

Skill Claude Code

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…

not rated 2 2mo ago A 144 tokens copy · 94% MIT

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

This skill turns messy research, customer language, and offer details into clear, persuasive, scannable copy for landing pages, webinar pages, ads, presentations, offer docs, and audience analyses.

not rated 2 2mo ago A 0 tokens original MIT

frontend-design

10

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 2 2mo ago A 77 tokens copy · 100% MIT

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

This skill designs, critiques, and rewrites landing pages that match awareness stage, make the offer clear fast, and move readers toward one main action.

not rated 2 2mo ago A 0 tokens original MIT

memory-bank

12

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

A file-based project memory system that keeps architecture, technology choices, requirements, progress, decisions, and feature notes.

not rated 2 2mo ago A 64 tokens original MIT

playwright-testing

14

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

A guide for testing web applications with Playwright, a tool that opens browsers and checks websites through real user-like actions. It also covers direct checks of back-end API responses and automatic runs in CI/CD, the systems that test and deploy code.

not rated 2 2mo ago A 65 tokens original MIT

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

This skill creates sharp, persuasive presentation structures and slide copy for webinars, sales decks, workshops, founder talks, and educational presentations.

not rated 2 2mo ago A 0 tokens original MIT

security-review

16

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

A security checklist for web applications before they go online. It checks secrets, sign-in, user data access, databases, user input, public APIs, dependencies, and error messages.

not rated 2 2mo ago A 61 tokens original MIT

skill-creator

17

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

not rated 2 2mo ago A 64 tokens copy · 88% MIT

ckm:slides

18

saint4ai/onai-vibecoding-skills

Skill Claude Code

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

not rated 2 2mo ago A 28 tokens copy · 94% MIT

theme-factory

19

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

not rated 2 2mo ago A 62 tokens copy · 100% MIT

ckm:ui-styling

20

saint4ai/onai-vibecoding-skills

Skill Claude Code needs its repo

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…

not rated 2 2mo ago A 93 tokens copy · 98% MIT

ui-ux-pro-max

21

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…

not rated 2 2mo ago B 238 tokens copy · 100% MIT

ux-ui-review

22

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

A user-interface and user-experience review process based on accessibility and interface-design guidelines. UX concerns how an interface works for people, while UI concerns its visual design and controls.

not rated 2 2mo ago A 252 tokens original MIT

webapp-testing

23

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

not rated 2 2mo ago A 35 tokens copy · 98% MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: