All categories
Design & UX
UI, UX, design systems, accessibility, visual design, and frontend polish
- 9,095
- 379
Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.
Open in full browserBrowse design & ux skills
Showing 9,025–9,048 of 9,095 skills
- Visual Asset WorkflowGenerate distinctive educational visuals using creative brief methodology. Use when creating chapter illustrations, diagrams, or teaching visuals with Gemini.Votes: 0GitHub stars: 416
- Ngx Funnel CriteriaCriterios de evaluación para auditorías de funnel NGX, incluyendo checklist visual, UX, copy y conversiónVotes: 0GitHub stars: 416
- Landing Page DesignCreate high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.Votes: 0GitHub stars: 416
- Ux AuditPerform comprehensive UX audits on pages, components, or features. Use when the user asks to "audit UX", "review usability", "evaluate the interface", "UX review", or wants a systematic evaluation of user experience quality.Votes: 0GitHub stars: 416
- Journey MapCreate customer journey maps for user flows and workflows. Use when the user asks to "map the journey", "analyze user flow", "document the workflow", "trace the path", or needs to understand end-to-end user experiences.Votes: 0GitHub stars: 416
- TypographyInstructions on how to design high quality typographyVotes: 0GitHub stars: 416
- Css ColorsInstructions on how to add new colors for CSS rulesVotes: 0GitHub stars: 416
- Gsap AnimationsGSAP animation best practices for web design - scroll triggers, performance optimization, accessibility, responsive animations, and testing integration. Use when implementing or reviewing animations on WordPress or any web project.Votes: 0GitHub stars: 416
- Ui Component CreationCreates UI components using shadcn/ui and design system patternsVotes: 0GitHub stars: 416
- UiGenerates UI components and feedback forms. Use when user mentions コンポーネント, component, UI, ヒーロー, hero, フォーム, form, フィードバック, feedback, 問い合わせ. Do NOT load for: 認証機能, バックエンド実装, データベース操作, ビジネスロジック.Votes: 0GitHub stars: 416
- Tailwind PatternsQuick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes.Votes: 0GitHub stars: 416
- Scientific SchematicsCreate publication-quality scientific diagrams using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Only regenerates if quality is below threshold for your document type. Specialized in neural network architectures, system diagrams, flowcharts, biological pathways, and complex scientific visualizations.Votes: 0GitHub stars: 40
- Interactive PortfolioExpert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.Votes: 0GitHub stars: 30,495
- Accessibility AuditorWeb accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites for accessibility issues, implementing WCAG 2.1 AA/AAA standards, testing with screen readers, or ensuring ADA compliance. Expert in semantic HTML, keyboard navigation, and assistive technology compatibility.Votes: 0GitHub stars: 30,495
- Interaction DesignDesign meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design.Votes: 0GitHub stars: 327
- Voice Audio EngineerExpert in voice synthesis, TTS, voice cloning, podcast production, speech processing, and voice UI design via ElevenLabs integration. Specializes in vocal clarity, loudness standards (LUFS), de-essing, dialogue mixing, and voice transformation. Activate on 'TTS', 'text-to-speech', 'voice clone', 'voice synthesis', 'ElevenLabs', 'podcast', 'voice recording', 'speech-to-speech', 'voice UI', 'audiobook', 'dialogue'. NOT for spatial audio (use sound-engineer), music production (use DAW tools), ga...Votes: 0GitHub stars: 208
- Vaporwave Glassomorphic Ui DesignerVaporwave + glassomorphic UI designer for photo/memory apps. Masters SwiftUI Material effects, neon pastels, frosted glass blur, retro-futuristic design. Expert in 2025 UI trends (glassmorphism, neubrutalism, Y2K), iOS HIG, dark mode, accessibility, Metal shaders. Activate on 'vaporwave', 'glassmorphism', 'SwiftUI design', 'frosted glass', 'neon aesthetic', 'retro-futuristic', 'Y2K design'. NOT for backend/API (use backend-architect), Windows 3.1 retro (use windows-3-1-web-designer), generic ...Votes: 0GitHub stars: 208
- Typography ExpertMaster typographer specializing in font pairing, typographic hierarchy, OpenType features, variable fonts, and performance-optimized web typography. Use for font selection, type scales, web font optimization, and typographic systems. Activate on "typography", "font pairing", "type scale", "variable fonts", "web fonts", "OpenType", "font loading". NOT for logo design, icon fonts, general CSS styling, or image-based typography.Votes: 0GitHub stars: 208
- Thumbnail Concept GeneratorGenerate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms. Creates detailed visual briefs with composition, text, colors, and emotion suggestions. Use when planning thumbnails, improving CTR, or briefing designers.Votes: 0GitHub stars: 283
- Neobrutalist Web DesignerModern web applications with authentic neobrutalist aesthetic. Bold typography, hard shadows (no blur), thick black borders, high-contrast primary colors, raw visual tension. Extrapolates neobrutalism to SaaS dashboards, e-commerce, landing pages, startup MVPs. Activate on 'neobrutalism', 'neubrutalism', 'brutalist', 'bold borders', 'hard shadows', 'raw aesthetic', 'anti-minimalism', 'gumroad style', 'figma style'. NOT for glassmorphism (use vaporwave-glassomorphic-ui-designer), Windows retro...Votes: 0GitHub stars: 208
- Infographic CreationCreate beautiful infographics based on the given text content. Use this when users request creating infographics.Votes: 0GitHub stars: 283
- Ui Ux AuditMandatory audit workflow for UI/UX changes that reads current state FIRST, checks for redundancy, respects clean design philosophy, and identifies genuine gaps before implementation. Auto-invoked when user mentions UI, UX, design, layout, homepage, page improvements, visual changes, or interface modifications.Votes: 0GitHub stars: 283
- Color Theory Palette Harmony ExpertExpert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, diversity-aware palette selection, and hue-based photo sequencing. Activate on "color palette", "color harmony", "warm cool", "earth mover distance", "Wasserstein", "LAB space", "hue sorted", "palette matching". NOT for basic RGB manipulation (use standard image processing), single-photo color grading (use native-ap...Votes: 0GitHub stars: 208
- Visual Design FoundationsApply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.Votes: 0GitHub stars: 40,199