Design
UI/UX direction, visual design, and design systems
quantum-ui-polish
by voidexa-ai
Fix 4 specific UI/UX issues in Quantum chat interface on voidexa.com
wunderfan-brand
by Kingly-Clark
Wunderfan brand guidelines for consistent styling across web projects. Use when building websites, landing pages, or micro apps for Wunderfan. Use with Lovable, v0, or other AI web builders. Provides colors, typography, spacing, and border radii.
frontend-design
by Jackiexiao
创建具有高设计质量的独特生产级前端接口。当用户要求构建Web组件、页面、工件、海报或应用程序时（例如，包括网站、登录页面、仪表板、React组件、HTML/CSS布局，或在样式化/美化任何Web UI时） ，请使用此技能。生成创意、精美的代码和UI设计，避免通用的AI美学。
uncodixify
by anubhavsingh-0218
Use when building or refactoring React and Tailwind UI that keeps drifting into generic AI-dashboard styling and needs a repeatable visual audit loop.
ui-ux-design
by quanturetechnologies
Designs and implements UI/UX using React, Next.js, and Tailwind CSS following Vercel/v0-inspired design principles. Use when building user interfaces, designing components, creating layouts, implementing design systems, or reviewing UI/UX for web applications.
frontend-audit
by pmco23
Use after build is complete to audit frontend code against the project style guide. Checks TypeScript/JavaScript/CSS/HTML conventions, naming, component patterns, and accessibility basics. Requires .pipeline/build.complete.
praktijk-van-marijk-design
by Tjimka
Use this skill to generate well-branded interfaces and assets for Praktijk van Marijk (Marijke Koomen — training, casuïstiekcoaching, teamintervisie en mentorschap for Dutch youth-care professionals). Produces calm, grounded, senior-consultancy visuals in Dutch. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
game-design-document
by ityes22
Generates professional, publisher-grade Game Design Documents (GDD) as polished .docx and .pdf files. Turns a game concept into a comprehensive 40-80 page document covering core gameplay loop, mechanics, UX flows, art direction, monetization strategy, technical requirements, and competitive analysis. Also generates companion pitch decks (.pptx) and one-page pitches. Use when users want to create a GDD, game pitch, game concept document, or game design specification.
frontend-design
by hridoyhossain1001
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). Generates creative, polished code and UI design that avoids generic AI aesthetics.
frontend-design
by nguyenvantuan2391996
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). Generates creative, polished code and UI design that avoids generic AI aesthetics.
gemini-image-gen
by St3v3a
Generate and edit images using Google's Gemini API (gemini-3-pro-image-preview model). Use when users request (1) Generating images from text prompts, (2) Editing existing images with AI instructions, (3) Creating images with specific styles or templates, (4) Generating multiple variations of images, (5) Creating images with reference images for style consistency, (6) Any image generation task mentioning Gemini, Google AI, or requiring professional image output. Supports aspect ratios (1:1, 3:4, 4:3, 4:5, 5:4, 9:16, 16:9, 21:9), 7 style templates (3 glass styles, 4 other creative styles), reference images (up to 14), and batch processing.
frontend-design
by Nagadevikoppadi
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). Generates creative, polished code and UI design that avoids generic AI aesthetics.
rg3li Design System
by mmmmm80881-bit
Brand context, color & type tokens, iconography, and a hi-fi UI kit for the rg3li (رجعلي) coupon platform — admin dashboard surface. Bilingual (Arabic RTL + English LTR), Tailwind-derived tokens, soft cobalt-on-slate aesthetic. Use this skill when designing any rg3li back-office screen, marketing surface that must match the brand, or anything that should feel native to the rg3li product family.
pds
by jsstechio
Pencil Design System generator. Use when the user asks to create a design system, build a UI kit, set up design tokens, or create components in a Pencil .pen file for any business domain. Creates themed tokens, visual foundations, reusable components, and composition patterns.
nerv-ui
by huskyyy12345
"NERV Operations Console v2 — Evangelion-inspired UI component library. Data-driven Three.js MAGI visualization (yield surface mesh + organic flow curves + bar columns), blockchain event log terminal, dense metrics grid, vault cards, oracle consensus display, CRT effects, emergency mode. Noto Serif Display (weight 900) + Shippori Mincho B1 + JetBrains Mono. NO HELVETICA. Every pixel conveys information."
ui-ux-designer
by tippyentertainment
End-to-end UI/UX design skill that takes a feature from vague idea to production-ready UI by moving sequentially through research, requirements, information architecture, wireframing, and visual design without skipping steps.
frontend-design
by velzevul-stack
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). Generates creative, polished code and UI design that avoids generic AI aesthetics.
project-designer
by carlitose
Interactive project design skill that guides users through a structured 3-phase process to produce a complete software specification document. Use when a user wants to: (1) plan a new software project from scratch, (2) design the architecture of an application, (3) create a technical specification, (4) do requirements gathering for an app or system, (5) produce a project blueprint or design doc. Triggers on phrases like "design a project", "plan an app", "create a specification", "architect a system", "help me plan a software project", "requirements gathering", "technical design", "system design document". Do NOT use for existing codebases, code reviews, debugging, or general coding tasks.
svg-logo-designer
by PrakharMNNIT
"Elite SVG logo design intelligence. Creates professional hand-crafted SVG logos, brand marks, icons, wordmarks, lettermarks, emblems, abstract marks, and visual identities. Uses a rigorous multi-phase discovery interview (2-3 rounds) to extract brand DNA, emotional tone, and design intent before generating. Produces multiple concepts with layout variations, full color systems, design tokens (CSS custom properties, JSON, Figma-ready specs), and optimized SVG using advanced techniques (gradients, masks, filters, blend modes, animations). Self-evaluates every concept against a 7-criterion quality rubric. Structured iterative refinement loop. Use when creating logos, brand marks, icons, symbols, visual identities, wordmarks, lettermarks, emblems, mascot marks, scalable vector branding, brand guidelines, or design systems from logos."
senior-frontend
by nimeshgurung
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
citedy-video-shorts
by citedy
Stateful MCP-first producer for branded AI UGC shorts. Generates scripts, reuses brand/avatar memory, renders vertical talking-head videos, and optionally publishes to Instagram Reels and YouTube Shorts.
pix-storybook
by CoRLab-Tech
Autonomous pixel-perfect Stencil component implementation using Figma MCP, Storybook, and Playwright MCP for visual testing and fixing.
design-user-advocate
by ShotaIuchi
User-centric design analysis. Apply when evaluating design proposals for end-user experience, developer experience, API usability, accessibility, and consumer satisfaction.
slides-on
by T0nyMa
Build presentation slides, PPT, slide decks, 演示文稿, keynotes, 小红书图文, or image cards from any document. Use this whenever the user asks to create slides, 做PPT, 做演示文稿, 做slides, 帮我做个汇报, 整理成图文, 做成小红书, 生成图文, make a deck, generate a PPT, weekly report, pitch deck, 周报, 提案, 分享, or any document-to-slides task — even if they don't say "slides" explicitly (e.g. "帮我整理一下这个文档", "把这篇做成卡片"). One pipeline: content analysis → style decision → review → L0 validation → HTML rendering → L1 QA gate (18 groups) → repair loop → export. QA at every gate: BLOCKER (must fix) / WARN (should review) / INFO (suggestion).