</>MCP Agents Market
Skill

VibeCurb

by Yu-369950JavaScriptUpdated 2026-08-05

VibeCurb - Injects taste into AI workflows to stop agents from generating boring, AI slop.

CursorClaude CodeChatGPTCodexv0LovableAI StudioGemini CLI

VibeCurb is an agent skill framework that prevents AI-generated code from producing generic, uninspired designs by enforcing strict quality constraints and design audits. It provides multiple specialized skills (awwwards-hero, visual-redesign, pixel-perfect, awwwards-motion, and others) that force AI agents to extract design signals, validate understanding, and build against premium standards before generating any code. Each skill follows a pipeline: design read, quality gate, precise build, visual diff, and drift rejection. Developers drop skill markdown files into their agent's context folder to upgrade output quality across frontend, redesign, animation, and brand generation tasks.

Key Features

Seven specialized skills for different design tasks: hero sections, visual redesigns, pixel-perfect clones, motion design, image generation, section components, and brand kits
Strict five-stage pipeline enforcing design extraction, quality gates, precise builds, visual diff verification, and drift rejection
Blocks generic AI defaults including placeholder gradients, keyword CSS easings, and safe layouts through inline rejection rules
Works with Cursor, Claude Code, v0, Codex, ChatGPT, Lovable, AI Studio, Gemini CLI, and any markdown-aware AI agent
CLI tool for listing and injecting skills directly into project context without manual file management
Visual diff tables that verify output fidelity across composition, typography, color, motion, and responsiveness
Narrative prompt architecture framework that eliminates aesthetic hallucination through structured constraint specification
Production-ready code generation with exact typography matching, advanced grid systems, and deep contrast enforcement

Use Cases

  • 01Generating award-quality hero sections with massive typography and zero-slop layouts from a brief or reference image
  • 02Redesigning functional but visually weak React components while preserving all business logic and interactivity
  • 03Creating pixel-perfect code replicas of any screenshot with exact font, color, and spacing matches
  • 04Adding scroll reveals, kinetic typography, and fluid micro-interactions to static layouts
  • 05Producing cohesive brand kits and editorial photography that align with premium design standards
  • 06Building pricing cards, bento grids, and footers that aesthetically match custom hero sections

Related Skills

View more

VibeCurb — FAQ

What is VibeCurb?+

VibeCurb is a collection of agent skill files that inject strict design constraints into AI code generation workflows, forcing agents to audit designs, validate understanding, and build against premium quality standards instead of producing generic output.

How do I install a VibeCurb skill?+

Use the CLI command 'npx vibecurb-cli add <skill-name>' to inject a skill, or manually download the .md file and place it in your project's .cursor/rules/ or .agents/skills/ folder. Reference the skill in your prompt to activate it.

Which AI clients work with VibeCurb?+

VibeCurb works with Cursor, Claude Code, v0, Codex, ChatGPT, Lovable, AI Studio, Gemini CLI, and any AI agent or IDE that reads markdown files from context folders.

Does VibeCurb require API keys or dependencies?+

No external API keys or runtime dependencies are required. VibeCurb skills are plain markdown constraint files that modify agent behavior through context, not code execution.

Is VibeCurb free to use?+

Yes, VibeCurb is open source and free to use. The repository and CLI tool are publicly available on GitHub without licensing restrictions.

How do I fix output that looks generic despite using a VibeCurb skill?+

Tell the agent it ignored the skill file and to re-read the drift constraints. Agents can drift toward defaults in long conversations, so explicitly remind them to run the Design Read step and apply quality gates before generating code.

How do I install VibeCurb?+

Open the source repository on GitHub and follow its README. VibeCurb is a skill — MCP Agents Market links you directly to the official repo.

Is VibeCurb free?+

VibeCurb is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches