saint4ai

26 mods across 1 repository, 2 stars between them.

ckm:banner-design

01

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

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…

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.

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

ckm:brand

03

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

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

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

ckm:design-system

07

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

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.

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

ckm:design

08

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

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…

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.

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).…

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.

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.

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.

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.

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.

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.

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

analyzer

18

saint4ai/onai-vibecoding-skills

Agent

Analyze blind comparison results to understand WHY the winner won and generate improvement suggestions.

2 2mo ago A 0 tokens copy · 100% MIT

ckm:slides

21

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

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

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

theme-factory

22

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.

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

ckm:ui-styling

23

saint4ai/onai-vibecoding-skills

Skill Claude CodeCodex

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…

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

ui-ux-pro-max

24

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…

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