AI skills and agents that help designers vibe-code their ideas to life. 14 skills, 4 agents, 3 platforms. Works with VS Code Copilot, Claude Code, and OpenAI Codex. Includes a DESIGN.md generator that extracts any website's design system.
This repository also configures its own agents. See what vibe-ship-it tells them →
Skill Claude CodeCodex
Adds user authentication. Triggers: 'login', 'log in', 'sign in', 'sign up', 'register', 'authentication', 'auth', 'only I can see', 'protect this page', 'private page', 'admin area', 'user accounts', 'members only', 'password protect'.
Skill Claude CodeCodex
Full pre-deploy checklist. Runs automatically before deployment. Triggers: 'full check', 'check everything', 'production ready', 'is this ready to deploy', 'pre-deploy', 'ship check', 'before deploy'.
Skill Claude CodeCodex
Builds UI from descriptions, screenshots, or Figma designs. Triggers: 'build a page', 'create a page', 'make a page', 'build the UI', 'make it look like', 'design this page', 'add a page', 'home page', 'landing page', 'about page', 'contact page', 'hero section', 'add a section', 'layout', 'header', 'footer'…
Skill Claude CodeCodex
Makes your app's styles consistent. Extracts your current look into reusable tokens and components. Triggers: 'design system', 'set up tokens', 'make styles consistent', 'standardize styles', 'set up a design system', 'make it all match', 'create components from my styles'.
Skill Claude CodeCodex
Generates a DESIGN.md file from any website URL. Captures colors, typography, spacing, components, and visual atmosphere into a reusable design system document that AI agents can read. Triggers: 'generate design md', 'capture the design', 'grab the design from', 'make it look like this site', 'extract design from'…
Skill Claude CodeCodex
Instant visual polish. Makes your site look premium with animations, better typography, and modern effects. Triggers: 'make it look better', 'make it wow', 'polish', 'make it premium', 'it looks boring', 'more animation', 'make it pop', 'spice it up', 'make it cool', 'fancy', 'sleek', 'modern', 'upgrade the design'…
Skill Claude CodeCodex
Plain-English translation layer. Explains technical things in simple language. Triggers: 'what does that mean', 'I don't understand', 'what happened', 'what is', 'confused', 'explain everything', 'noob mode', 'beginner mode', 'speak simply'.
Skill Claude CodeCodex
Figma Plugin API + TypeScript conventions. Loaded automatically when building a Figma plugin.
Skill Claude CodeCodex
React Native + Expo + Supabase + EAS conventions. Loaded automatically when building a mobile app.
Skill Claude CodeCodex
Next.js + Tailwind + Supabase + Vercel conventions. Loaded automatically when building a web project.
Skill Claude CodeCodex
Fast 4-item quality check. Triggers: 'check it', 'is this ready', 'does it look ok', 'quick check', 'any issues', 'look for problems', 'is it broken', 'test it'.
Skill Claude CodeCodex
Saves form data to a database. Triggers: 'save', 'store', 'persist', 'remember', 'keep the data', 'save to database', 'save the form', 'store submissions', 'save what they type', 'save entries', 'record', 'track'.
Skill Claude CodeCodex
Sends emails from your app. Triggers: 'send email', 'email notification', 'notify me', 'confirmation email', 'send a notification', 'email when', 'alert me', 'send message', 'email the user', 'welcome email', 'thank you email'.
Skill Claude CodeCodex
Displays saved data as lists, tables, cards, or dashboards. Triggers: 'show me all the', 'list all', 'dashboard', 'display', 'table of', 'view submissions', 'view entries', 'see the data', 'admin page', 'show bookings', 'show messages', 'show orders', 'data page', 'overview'.
Skill Claude CodeCodex
Detects frustration and fixes problems fast. Triggers: 'stuck', 'this doesn't work', 'broken', 'help', 'ugh', 'what the hell', 'why', 'not working', 'it broke', 'error', 'can't figure out', 'I give up', 'frustrated', 'wtf', 'nothing happens', 'blank page', 'won't load', 'keeps crashing'.
Skill Claude CodeCodex
Handles file and image uploads. Triggers: 'upload', 'add a photo', 'add an image', 'file upload', 'image upload', 'let them upload', 'upload pictures', 'attach file', 'profile picture', 'photo gallery', 'add photos', 'drag and drop'.
Skill Claude CodeCodex
Figures out what you're building and sets up the project. Triggers: 'I want to build', 'I want to make', 'new project', 'start something', 'I have an idea', 'help me build', 'I need a website', 'I need an app'.
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: