Category

UI & Web Building

Design systems, pages, and prototypes.

35 relevant published resources.

Skills and prompts

UI & Web BuildingFree

Accessible Component Pattern Designer

Design accessible UI components with semantics, keyboard behavior, focus, states, announcements, content rules, and tests.

ClaudeChatGPT
#accessible components#WCAG#keyboard UX
UI & Web BuildingFree

Account Recovery and Identity UX Architect

Design account-recovery experiences with verification, risk, fallback, trusted devices, support, accessibility, and abuse resistance.

ClaudeChatGPT
#account recovery#identity UX#authentication design
UI & Web BuildingFree

AI Landing Page Hero Visual Architect

Design landing-page hero visuals with product relevance, focal hierarchy, responsive crops, UI integration, performance, accessibility, and generation prompts.

ChatGPTClaudeDALL-E
#hero visual#web graphics#AI image generation
UI & Web BuildingFree

Audit Trail and Activity History UX Architect

Design clear audit trails and activity histories with actors, events, timestamps, filters, details, privacy, permissions, exports, and recovery context.

ClaudeChatGPT
#audit trail UX#activity history#event log design
UI & Web BuildingFree

Command Palette and Power User UX Architect

Design command palettes and keyboard-first navigation with discoverability, search, permissions, shortcuts, recent actions, errors, and accessibility.

ClaudeChatGPT
#command palette#keyboard navigation#power user UX
UI & Web BuildingFree

Creator Link in Bio Conversion Architect

Design creator link-in-bio pages with hierarchy, trust, offers, lead capture, mobile usability, analytics, accessibility, and conversion paths.

ClaudeChatGPT
#link in bio#creator landing page#conversion UX
UI & Web BuildingFree

Creator Media Kit and Partnership Page UX Architect

Design creator media kits and partnership pages with positioning, audience evidence, services, case studies, packages, trust, contact, and mobile usability.

ClaudeChatGPT
#creator media kit#partnership page#creator UX
UI & Web BuildingFree

Dashboard Widget and Personalization UX Architect

Design customizable dashboards with widget hierarchy, defaults, layout, permissions, empty states, responsive behavior, accessibility, and saved preferences.

ClaudeChatGPT
#dashboard UX#widget design#personalization
UI & Web BuildingFree

Data Table and Bulk Action UX Architect

Design complex data tables and bulk actions with columns, selection, filtering, editing, permissions, feedback, performance, accessibility, and recovery.

ClaudeChatGPT
#data table UX#bulk actions#admin interface
UI & Web BuildingFree

Data Visualization UX Designer

Design clear data visualizations with chart selection, scales, labels, annotation, interaction, accessibility, and responsive behavior.

ClaudeChatGPT
#data visualization#chart design#analytics UX
UI & Web BuildingFree

Empty State and Error Experience Designer

Design empty, error, loading, permission, offline, and recovery states with clear guidance, useful actions, accessibility, and product consistency.

ClaudeChatGPT
#empty states#error UX#recovery design
UI & Web BuildingFree

File Upload and Attachment UX Architect

Design file-upload and attachment experiences with selection, drag and drop, validation, progress, preview, permissions, errors, recovery, and accessibility.

ClaudeChatGPT
#file upload UX#attachment design#interaction architecture
UI & Web BuildingFree

Frontend Accessibility Compliance Reviewer

Review frontend interfaces for accessibility, keyboard use, semantics, focus, forms, contrast, motion, and assistive technology support.

ClaudeChatGPTCursor
#web accessibility#WCAG#frontend audit
UI & Web BuildingFree

Frontend Performance Audit Engineer

Audit frontend performance and create a prioritized optimization plan for loading, rendering, assets, JavaScript, data fetching, and UX metrics.

ClaudeChatGPTCursor
#frontend performance#web performance#Core Web Vitals
UI & Web BuildingFree

Interactive Calculator UX and Validation Architect

Design professional web calculators with clear inputs, transparent formulas, validation, comparison views, accessibility, and shareable results.

ClaudeChatGPT
#web calculator#calculator UX#form validation
UI & Web BuildingFree

Interactive Prototype Flow Designer

Plan interactive prototypes with scenarios, screens, transitions, states, realistic data, testing goals, and handoff requirements.

ClaudeChatGPT
#interactive prototype#UX prototyping#product design
UI & Web BuildingFree

Landing Page Conversion UX Architect

Design high-converting landing pages with clear hierarchy, value communication, trust, calls to action, responsive behavior, and testing.

ClaudeChatGPT
#landing page UX#conversion design#website design
UI & Web BuildingFree

Landing Page Copy & Layout Generator

Produces complete section-by-section landing page copy and layout structure — hero, benefits, social proof, FAQ, CTA — from a one-line product description.

ClaudeChatGPTCursor
#landing page#web copy#conversion copywriting