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 8,977–9,000 of 9,095 skills
- ContinuityLos elementos alineados en una línea o curva se perciben como más relacionados que elementos no alineados. El ojo tiende a seguir el camino más suave.Votes: 0GitHub stars: 666
- Colors TypographyDefine brand styling for website projects. Updates globals.css with CSS color variables (oklch format), typography (h1-h6, p, a, blockquote), and container styles. Use at the start of a project after sitemap is created. Requires primary, secondary, and accent colors plus font choice.Votes: 0GitHub stars: 666
- 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: 666
- Closure Vjrivmon Setup Software IaEl cerebro tiende a completar formas incompletas o fragmentadas, rellenando los vacíos para percibir objetos completos y familiares.Votes: 0GitHub stars: 666
- Book IllustratorExpert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character design, and visual storytelling for kids books that captivate young readers.Votes: 0GitHub stars: 666
- Pptx PostersCreate research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.Votes: 0GitHub stars: 416
- Ui Ux DesignerCreate interface designs, wireframes, and design systems. MastersVotes: 0GitHub stars: 45,825
- Aesthetic Usability Effect Vjrivmon Setup Software IaLos usuarios perciben los diseños estéticamente atractivos como más usables que los menos atractivos, incluso si la funcionalidad real es idéntica.Votes: 0GitHub stars: 666
- Album Art DirectorCreates visual concepts for album artwork and generates AI art prompts. Use when all tracks are marked Final and album art needs to be created.Votes: 0GitHub stars: 497
- Typography SelectorBrowse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.Votes: 0GitHub stars: 3,543
- Trend ResearcherResearch latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current visual trends, color palettes, and layout patterns.Votes: 0GitHub stars: 3,543
- Moodboard CreatorCreate visual moodboards from collected inspiration with iterative refinement. Use after trend research or website analysis to synthesize design direction before implementation.Votes: 0GitHub stars: 3,543
- Inspiration AnalyzerAnalyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.Votes: 0GitHub stars: 3,543
- Design WizardInteractive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI.Votes: 0GitHub stars: 3,543
- Color CuratorBrowse and select color palettes from Coolors or curated fallbacks. Use to find the perfect color palette for a design project.Votes: 0GitHub stars: 3,543
- Theme FactoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.Votes: 0GitHub stars: 3,543
- Image EnhancerImproves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.Votes: 0GitHub stars: 3,543
- Canvas DesignCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.Votes: 0GitHub stars: 3,543
- Brand GuidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.Votes: 0GitHub stars: 3,543
- Json Render UiGenerate guardrailed UI from natural language. Claude emits constrained JSON, skill runtime renders via Preact. Use when user provides json and requests: Dashboards with metrics, charts, tables; Admin panels; Data visualization interfaces; Form-based applicationsVotes: 0GitHub stars: 150
- Ui Ux Pro MaxUse when designing, building, or refining frontend UI/UX: layouts, components, visual systems, typography, color, and UX patterns for websites, landing pages, dashboards, and product interfaces. Provides searchable styles, palettes, font pairings, charts, and stack best practices (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).Votes: 0GitHub stars: 2
- Neurodivergent Visual OrgCreates ADHD-friendly visual organizational tools using Mermaid diagrams optimized for neurodivergent thinking patterns. Auto-detects overwhelm, provides compassionate task breakdowns with realistic time estimates. Use when creating visual task breakdowns, decision trees, or organizational diagrams for neurodivergent users or accessibility-focused projects.Votes: 0GitHub stars: 2,688
- Baoyu ComicKnowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohmsha manga guide). Creates original educational comics with detailed panel layouts and sequential image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic".Votes: 0GitHub stars: 416
- Baoyu Article IllustratorSmart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids with multiple style options. Use when user asks to "add illustrations to article", "generate images for article", or "illustrate article".Votes: 0GitHub stars: 416