NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
figma-swiftui
official skill Translates Figma designs into SwiftUI and sends SwiftUI back to Figma. Use it for iOS, iPhone, and iPad interface work.
CX Codex GP ChatGPT
6installs
figma-implement-motion
official skill Translates Figma animations and transitions into production code using motion.dev or CSS keyframes. Useful when implementing motion for UI components from a design.
CX Codex GP ChatGPT
6installs
brochure-design-generation skill This skill uses each::sense AI to create brochure layouts, from tri-fold and bi-fold pieces to catalogs and event programs. It fits print design tasks.
CX Codex +1
538installs
muapi-photo-pack-generator skill Turns a single reference photo into a set of themed portraits while keeping the person's face intact. Useful for professional, lifestyle and fantasy shots without a shoot.
CX Codex +1
966installs
tailwind-css skill A Tailwind CSS skill covering utility classes, responsive variants, dark mode and production optimization. Handy when you build UI and want to stay in your markup.
CX Codex +1
461installs
ux-research-discovery-testing skill Gives your agent a working method for discovery interviews, usability tests and synthesis, so product calls rest on observed behavior instead of opinions.
CX Codex +1
468installs
image-to-video skill Turns still photos into short videos with each::sense: subtle motion, cinemagraphs, camera pushes. Handy when all you have is one image.
CX Codex +1
521installs
mold skill mold turns a high-stakes design choice into a checked specification through guided dialogue. Use it before architectural or destructive changes.
CX Codex +1
643installs
frontend-crafting skill A design and UI skill for building, reviewing, and refining interfaces in React, Vue, or HTML. It classifies surface intent before modifying any code.
CX Codex +1
1,400installs
tailwind-patterns skill A Claude skill that hands the agent a rulebook for Tailwind CSS v4: CSS-first config, container queries, token architecture. Useful when you build UI with utilities.
2,720installs
dark-mode-implementer skill Configures dark and light themes using CSS variables, Tailwind classes, or React context. It handles system preferences, localStorage persistence, and initial load flicker.
CX Codex +1
373installs
designing-user-experience skill A skill for designing how an interface behaves: flows, forms, empty, loading and error states. Useful when the UI looks done but falls apart on real data.
CX Codex +1
458installs
glassmorphism skill Generates frosted glass interface elements using blur, opacity, and delicate borders. Helpful when building floating action buttons, popovers, and navigation bars.
CX Codex +1
526installs
flyer-design-generation skill Builds flyer layouts and promo leaflets through the each::sense API. Prepares designs formatted for physical printing or social media posting.
CX Codex +1
490installs
progressive-blur-header-swiftui skill This skill adds a SwiftUI sticky header with a gradual blur effect. Use it for interfaces styled after Apple Music, Photos, or the App Store.
CX Codex +1
493installs
pinterest-search skill Locates public Pinterest imagery and videos from a search term. It extracts direct image links, pin destinations, and titles for moodboard curation.
CX Codex +1
524installs
design-system skill Defines or refactors shared frontend UI tokens, primitive naming, and visual rules before individual screen styling. Keeps dashboards and marketing pages visually aligned.
CX Codex +1
488installs
responsive-design skill The skill turns a vague “breaks on mobile” report into one named responsive surface, a strategy packet and a verification plan.
CX Codex +1
478installs
portrait-enhancement skill Automates AI-driven portrait retouching with each::sense. It adjusts lighting, removes blemishes, smooths skin texture, and adds background blur via agent prompts.
CX Codex +1
466installs
responsive-design-system skill A skill that walks your coding agent through mobile-first layouts: breakpoints, container queries, fluid typography and adaptive grids built on Tailwind CSS.
CX Codex +1
343installs
background-removal skill This skill strips backgrounds from pictures using the each::sense AI API. It exports transparent PNG cutouts or adds replacement backdrops for portraits and products.
CX Codex +1
465installs
html-ppt-skill skill Builds static HTML slide decks using standalone CSS and JavaScript without build pipelines. Helpful when you need an animated presentation right in the browser.
CX Codex +1
476installs
index
official skill This skill routes product design requests to the right workflow. Use it when you want to explore an idea, review a user flow, or build a prototype from a visual reference.
CX Codex GP ChatGPT
5installs
ideate
official skill This skill turns a Product Design brief into three visual directions. Use it to explore interface variants, remixes, and new product concepts.
CX Codex GP ChatGPT
5installs
figma-use-motion
official skill Adds use_figma context for Figma node animation, covering keyframes, easing, animation styles, and timeline duration.
CX Codex GP ChatGPT
5installs
figma-use-figjam
official skill This skill gives Codex FigJam-specific context for Figma’s MCP tools. Use it when an agent must inspect or edit a FigJam board.
CX Codex GP ChatGPT
5installs
figma-generate-diagram
official skill Prepares Mermaid.js syntax for the generate_diagram tool and renders editable FigJam boards. Needed before building flowcharts, ERDs, or sequence diagrams.
CX Codex GP ChatGPT
5installs
youtube-intro-outro skill Builds a 3–5s logo sting intro and an outro plate with room for YouTube's clickable elements. One brand object re-skins the whole channel.
CX Codex +1
686installs
frontend-design skill Strict visual guidelines that stop AI agents from spitting out generic purple SaaS cards, cramped tables, and unneeded sidebars in Tailwind and shadcn/ui.
CX Codex +1
1,600installs
wordpress-theme-to-emdash skill Ports a WordPress theme's design and template behavior to an Astro site backed by EmDash. Useful for theme migrations and matching the original layout.
CX Codex +1
691installs
packaging-design-generation skill This skill turns a product description into packaging artwork with each::sense AI — boxes, labels, jars, coffee bags. Useful before a designer gets involved.
CX Codex +1
444installs
ugc-ad skill Builds creator-style ad concepts, shot tables, and audits existing product videos. It keeps visual proof tied directly to real product benefits.
CX Codex +1
475installs
milvus-meme-sticker skill Crafts text-free sticker memes featuring the abstract Milvus mascot for developer chats and technical marketing posts.
CX Codex +1
2,300installs
designing-email-templates skill Creates and edits PostHog email templates for workflows and campaigns through MCP. Use it to build editable email designs with Liquid personalization and preview the result.
CX Codex +1
301installs
anime-avatar-generation skill Creates anime avatars and character art with each::sense AI. Use it to restyle photos, make chibi portraits, or design full-body characters.
CX Codex +1
427installs
eachlabs-fashion-ai skill Generates fashion model photography, virtual garment try-ons, catwalk clips, and custom style training via EachLabs API.
CX Codex +1
426installs
educational-ad skill Builds and audits short educational advertising scripts backed by visual evidence and verified product reasoning.
CX Codex +1
464installs
cartoon-ad skill This skill designs and audits animated ads through visual arguments, metaphors, and supported proof. Use it when a production-ready script is needed.
CX Codex +1
462installs
diagram-design-editorial skill A skill that turns a short description into an HTML+SVG diagram for posts and docs. Thirteen types, no Mermaid, no build step, styling matched to your site.
CX Codex +1
433installs
tailwind-gradient-builder skill Generates modern Tailwind CSS gradients, from simple linear stops to mesh layouts and animated text. Useful when styling backgrounds and hero sections.
CX Codex +1
307installs
1,841–1,880 of 2,133
