Category

Design & UX

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

8,779
skills in category
366
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 5,185–5,208 of 8,779 skills

Pool SetupA

{% cut "Can I show a skill in the task interface?" %} There is no such option. If the skill is public, the Toloker sees it in their profile. {% endcut %}

design
0
2
Pool SetupA

{% cut "How can I raise the skill value for a Toloker, if they already have the skill?" %} If the Toloker already has a given skill, you can't add the same skill to them from the task review interface. You can open the Toloker's profile and edit the skill value. {% endcut %}

design
0
2
Synthetic Monitoring SetupA

Setup synthetic monitoring for proactive performance tracking including uptime checks, transaction monitoring, and API health. Use when implementing availability monitoring or tracking critical user journeys. Trigger with phrases like "setup synthetic monitoring", "monitor uptime", or "configure health checks".

designbashapi
0
21
Skill AdapterA

This skill automates the setup of synthetic monitoring for applications. It allows Claude to proactively track performance and availability by configuring uptime, transaction, and API monitoring. Use this skill when the user requests to "set up synthetic monitoring", "configure uptime monitoring", "track application performance", or needs help with "proactive performance tracking". The skill helps to identify critical endpoints and user journeys, design monitoring scenarios, and configure ale...

designapiperformance
0
21
Skill AdapterA

This skill assists in implementing Real User Monitoring (RUM) to capture and analyze actual user performance data. It helps set up tracking for key metrics like Core Web Vitals, page load times, and custom performance events. Use this skill when the user asks to "setup RUM", "implement real user monitoring", "track user experience", or needs assistance with "performance monitoring". It guides the user through choosing a RUM platform, designing an instrumentation strategy, and implementing the...

designjavascriptgo
0
21
CollectionA

Use when creating tree diagrams, force-directed networks, Voronoi diagrams, or hierarchical layouts. Invoke for org charts, node-link diagrams, treemaps, dendrograms, force simulations, spatial indexing, or network visualizations.

designjavascriptgo
0
24
CollectionB

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

designjavascriptpython
0
24
CollectionA

The orchestrator - coordinates all work across the Creative Crew agents, auto-delegates to specialists, runs parallel execution for 3-5x faster results.

designgotesting
0
24
CollectionA

Autonomous p5.js visualization agent. It implements, inspects, critiques design/UX, fixes, and launches the result.

designgobash
0
24
CollectionA

Domain UI/UX Expert - Enterprise design systems, component architecture, accessibility, icons, and theming integration

designjavascripttypescript
0
24
CollectionA

Use when creating, modifying, or understanding Svelte components in SikhAid project. Covers component naming conventions, file organization, component hierarchy, import patterns, and reusable UI patterns.

designgoreact
0
24
CollectionB

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

designjavascriptpython
0
24
CollectionB

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

designjavascriptpython
0
24
CollectionB

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

designjavascriptpython
0
24
CollectionB

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

designjavascriptpython
0
24
CollectionA

Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation, and cross-browser visual consistency. Use when detecting UI regressions, validating designs, or ensuring visual consistency.

designjavascripttypescript
0
24
CollectionA

Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation, and cross-browser visual consistency. Use when detecting UI regressions, validating designs, or ensuring visual consistency.

designjavascripttypescript
0
24
CollectionA

Frontend design system dla projektu portfolio Pawla Lipowczana (React 19 + Vite 7 + Tailwind CSS 3 + Framer Motion 12). Uzyj przy tworzeniu nowych komponentow, stron, sekcji lub modyfikacji UI w portfolio. Zawiera palete kolorow (green accent #00ff9d, dark backgrounds #0a0e1a), typografie (Inter/Poppins), wzorce animacji Framer Motion, efekty hover (scale 1.05 + green glow), glassmorphism cards, gradient text effects. Zapewnia spojnosc z istniejacym design language i architektura projektu.

designgoreact
0
24
CollectionA

Verify constructive alignment between objectives, activities, and assessments; validate instructional design quality and learning science principles. Use when reviewing curriculum quality, checking alignment, or validating pedagogical soundness. Activates on "review alignment", "check pedagogy", "validate curriculum", or "quality review".

designgobash
0
24
CollectionA

Identify and eliminate bias, stereotypes, and non-inclusive language; ensure cultural responsiveness and equity throughout curriculum materials. Use when checking for bias, reviewing inclusivity, or ensuring equitable content. Activates on "check for bias", "review inclusivity", "cultural responsiveness", or "equity check".

designgobash
0
24
CollectionA

Generate scripts for educational videos, presentations, interactive activities, and multimedia content supporting learning objectives. Use when creating video scripts, presentation outlines, or interactive elements. Activates on "write video script", "create presentation", "design interactive activity", or "multimedia content".

designgobash
0
24
CollectionA

Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation, and cross-browser visual consistency. Use when detecting UI regressions, validating designs, or ensuring visual consistency.

designjavascripttypescript
0
24
CollectionA

Aura - Senior UI/UX Design Architect with 12+ years creating premium digital experiences. Use when designing landing pages, dashboards, mobile apps, design systems, component libraries, or brand-aligned UI. Specializes in React/Tailwind/Framer Motion prototypes, responsive design, micro-interactions, and discovery-first design process.

designrustreact
0
24
CollectionA

Domain UI/UX Expert - Enterprise design systems, component architecture, accessibility, icons, and theming integration

designjavascripttypescript
0
24