Category

Design & UX

UI, UX, design systems, accessibility, visual design, and frontend polish

8,195
skills in category
342
pages available
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 browser

Browse design & ux skills

Showing 1,8011,824 of 8,195 skills

Brand StyleA

Screenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions.

designtypescriptgo
0
59
Brand Guidelines PI B10A

Applies 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.

designpythongo
0
59
Brand Guidelines MIXED B2A

Applies 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.

designpythongo
0
59
Brand Guidelines CI B7A

Applies 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.

designpythongo
0
59
Brand Guidelines CI B6A

Applies 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.

designpythonshell
0
59
Brand Guidelines CI B1 Function Append Function Append 20260421 133952 1fad3bA

Applies 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.

designpythongo
0
59
BitcoinuiA

Bitcoin UI review (iOS)

designswiftgit
0
59
Baoyu Slide Deck CI B2A

Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to "create slides", "make a presentation", "generate deck", "slide deck", or "PPT".

designgobash
0
59
Baoyu Infographic MIXED B8A

Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".

designgobash
0
59
Baoyu Infographic MIXED B2A

Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".

designpythongo
0
59
Baoyu Cover Image CI B7A

Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".

designpythongo
0
59
Baoyu Article IllustratorA

Analyze articles, identify illustration positions, generate images with Type × Style consistency.

designbash
0
59
Accessibility ComplianceA

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

designtypescriptpython
0
59
Uniswap V3 Position ManagerA

The NonfungiblePositionManager (NPM) wraps Uniswap V3 positions as ERC721 NFTs, providing a user-friendly interface for creating and managing concentrated liquidity positions.

designpythonbash
0
59
Math To ManimA

This skill should be used when the user asks to "create a math animation", "animate a mathematical concept", "generate Manim code", "visualize [topic] with animation", "explain [concept] visually", "create an educational video", "build a Manim scene", or mentions "reverse knowledge tree", "prerequisite discovery", or "verbose prompt generation". Provides a complete six-agent workflow for transforming any concept into professional Manim animations through recursive prerequisite discovery.

designpythongo
0
59
Bankr Agent NFT Operations PI B10A

This skill should be used when the user asks to "buy NFT", "purchase NFT", "OpenSea", "NFT collection", "view my NFTs", "NFT holdings", "mint NFT", "NFT listings", or any NFT-related operation. Provides guidance on browsing, purchasing, and managing NFTs.

designgoexpress
0
59
Animation Principles RefresherC

Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations

designpythonrust
0
59
Accessibility AuditorC

Web 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.

designjavascriptpython
0
59
Web DesignA

CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.

designjavascriptgo
0
59
Ui UxA

Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.

designpythongo
0
59
ThreejsA

Build 3D web experiences with proper resource management and performance patterns.

designrustnode
0
59
SuperpowerA

**When to use:** User has a task they want to do or want you to do, or they feel frustrated, upset, stressed, or expressing negative emotions about their work, tasks, or the system itself. **Triggers:** - "this isn't working" - “can you do” - “I need you to” - “I want to” - “next we are” - "I'm frustrated" - "this is annoying" - "I can't figure this out" - "why won't this work" - "I'm stressed" - Any expression of anger, frustration, or overwhelm **What this skill does:** 1. Immediately ackno...

designrustexpress
0
59
Stremio CastA

Busca conteúdo no Stremio Web e transmite para dispositivos Chromecast usando CATT e Playwright. Use para reproduzir filmes e séries diretamente do Stremio em TVs.

designpythonbash
0
59
Stitch Ui DesignerA

Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.

designgo
0
59