NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
nano-banana skill This skill helps shape Nano Banana prompts for social images, edits, brand styling, readable text, and platform-specific aspect ratios.
CX Codex +1
603installs
infographic-and-data-viz skill A skill that turns real data into a chart or infographic where the main point lands in three seconds. Useful when the numbers are fine but the presentation is not.
CX Codex +1
610installs
muapi-instagram-post skill Generates Instagram visuals along with matching captions and hashtags via the muapi CLI. Useful for feed posts and Reels covers.
CX Codex +1
2,500installs
layer-reference-sets skill Guides LoRA training, reference set curation, and weight tuning in Layer. Helps decide whether training a custom style makes sense or attaching a single reference image is enough.
CX Codex +1
3,300installs
layer-game-assets skill Production rules for generating game art with Layer: rig-ready Spine characters, parallax environment stacks, and matching 64px icon sets.
CX Codex +1
3,300installs
layer-image skill A skill for text-to-image runs through Layer: what to put in the prompt, how to set aspect ratio, and when to upload a reference instead of describing it.
CX Codex +1
3,300installs
layer-image-editing skill A skill for editing images that already exist on Layer: inpainting, outpainting, reframing, angle changes and upscaling.
CX Codex +1
3,400installs
layer skill Generates and edits game assets via the Layer MCP server, including 3D meshes, sprites, audio, and video. It handles model discovery, file uploads, and Creative Unit cost checks.
CX Codex +1
3,300installs
inspira-ui skill This skill guides Vue and Nuxt work with 120+ animated components. Use it for hero sections, 3D visuals, interactive backgrounds, and motion effects.
CX Codex +1
553installs
ai-image-editing skill A skill that names the editing job, picks the right engine and writes the spec: object removal, background cutout, upscaling, outpainting, restoration.
CX Codex +1
603installs
canva skill A skill for Canva social graphics: builds from the Brand Kit, batches through Bulk Create and Magic Resize, and pushes past the template look.
CX Codex +1
602installs
linear-ui-skills skill Hands the agent a fixed set of rules for dark Linear-style interfaces: palette, Inter, 4px grid. Useful when you keep re-explaining the same design details.
CX Codex +1
393installs
dribbble-ui-skills skill Supplies AI agents with Dribbble UI system guidelines: a 4px grid, Inter typography, semantic tokens, and strict CSS rules. Useful when assembling light-mode web layouts.
CX Codex +1
392installs
testimonial-video skill Turns text testimonials and reviews into vertical video cards via Remotion, complete with line-by-line reveals and animated star ratings.
CX Codex +1
932installs
tailwindcss-advanced-design-systems skill A skill for building a Tailwind v4 design system: @theme tokens, color scales, typography, shadows and dark mode.
CX Codex +1
655installs
airbnb-ui-skills skill Design system constraints for Airbnb-inspired light interfaces. Sets up Inter font typography, a 4px layout grid, and strict CSS styling limits.
CX Codex +1
389installs
hackathon-brief-design skill Drafts the document hackathon teams need before building: challenge prompts, entry rules, track descriptions, and submission requirements. Useful when organizers are turning event decisions into clear instructions.
CX Codex +1
5,100installs
flux skill A skill for FLUX and FLUX.2 work: pick the right variant and license, write scene prompts, and edit an image instead of re-rolling it.
CX Codex +1
586installs
ideogram skill Builds structured prompts for Ideogram 4.0 to generate social media graphics, posters, and covers where text spelling and exact layout matter.
CX Codex +1
576installs
notion-ui-skills skill Enforces Notion design system guidelines with a 4px grid and light-mode tokens.
CX Codex +1
383installs
social-graphics skill Creates platform-accurate social media graphic specifications, drafts copy, and renders images via the FAL.ai pipeline.
CX Codex +1
599installs
node-link-and-diagram-layout
official skill This skill selects layouts for graphs, diagrams, and connected nodes. Use it when crossings, overlaps, edge routing, or unstable placement make a visual hard to read.
CX Codex GP ChatGPT
16installs
event-landing-page skill Builds the public page for a conference, meetup or hackathon: sections, date-gated buttons, accessibility and event structured data.
CX Codex +1
5,300installs
ui-ux-expert skill Configures the agent to design accessible web components and design systems. It focuses on WCAG 2.2 standards, test-driven UI, and Core Web Vitals.
CX Codex +1
828installs
create-remotion-geist skill A skill that steers your agent to build Remotion videos in Vercel's Geist look: dark theme, Geist type, spring motion.
CX Codex +1
484installs
anycap-human-interaction skill Skill for collecting visual feedback from humans and collaborating on Excalidraw diagrams. It opens image markup, web page reviews, and screen recording with voice.
CX Codex +1
653installs
ios-design skill A skill with 62 rules for building SwiftUI interfaces: semantic colors, typography, state, navigation and accessibility.
CX Codex +1
418installs
shadcn-component-review skill Reviews finished components and layouts against shadcn patterns: spacing, semantic tokens, primitive composition, and the project's chosen visual style.
CX Codex +1
635installs
kpi-dashboard-design skill A skill that guides the agent through KPI dashboard design: metric choice, layout, chart types and status colors. Useful when you build analytics views for leadership.
CX Codex +1
507installs
after-effects skill Walks your agent through Disney's 12 animation principles inside Adobe After Effects, from squash and stretch to appeal. Useful when a character or UI needs to move right.
CX Codex +1
891installs
screenci skill This skill edits .screenci.ts files and runs ScreenCI workflows for recording videos and stills in an initialized project.
CX Codex +1
1,700installs
frontend-design skill A skill that gives the agent a specific design stance: type, palette, tactile states. Useful when building a UI from scratch or restyling an existing one.
CX Codex +1
1,700installs
design-system-generator skill Builds a design system from tokens, base components and docs. Useful once a second screen shows up and your colors start drifting.
CX Codex +1
300installs
designing-beautiful-websites skill A skill for planning, building and reviewing web interfaces: page structure, responsive behaviour, visual language and interaction states.
CX Codex +1
2,800installs
manim skill Guides the agent to write Manim Community Edition scripts, animating math equations, functions, and 3D scenes in 3Blue1Brown style.
CX Codex +1
636installs
filmmaker skill Directs narrative animations and cinematic sequences by applying Disney's twelve animation principles to visual storytelling.
CX Codex +1
869installs
3d-model-generation skill Builds 3D models and PBR textures from text prompts or images using each::sense AI. Handy for game developers and asset designers.
CX Codex +1
1,200installs
ui-design-aesthetics skill This skill feeds the agent rules for typography, color and motion so generated interfaces stop looking like default AI output. Useful when starting a feature or reworking an existing screen.
CX Codex +1
357installs
efecto-web-design skill Build web pages and app interfaces in Efecto with JSX, Tailwind CSS, and MCP tools. It fits landing pages, dashboards, and other visual UI work.
CX Codex +1
691installs
ios-ux-design skill A skill that gives your coding agent iOS design expertise: HIG compliance checks, SwiftUI pattern review, and implementation specs for interface fixes.
CX Codex +1
543installs
1,521–1,560 of 2,133
