dragoon0x
- 690 skills
- 0 followers
- 23 hours ago last updated
- ▌ Component Check · dragoon0xVerify component consistency. Same component type should use same spacing, typography, and color patterns everywhere.
- ▌ Export Tailwind · dragoon0xExport the current design system as a Tailwind CSS configuration. Generates theme.extend with colors, fonts, spacing, shadows, and custom screens.
- ▌ Anti Slop · dragoon0xDetecting and eliminating generic AI-generated aesthetics, writing patterns, and design defaults. The core quality gate for all EDC output.
- ▌ Drag Drop · dragoon0xDrag and drop interaction patterns, sortable lists, kanban boards, and accessible drag and drop.
- ▌
- ▌ Microcopy · dragoon0xUI microcopy patterns including button labels, error messages, tooltips, and instructional text.
- ▌ Search UX · dragoon0xSearch interface design, autocomplete, filters, results display, and zero-results handling.
- ▌
- ▌ Crm Design · dragoon0xCRM interface design including contact management, deal pipelines, and relationship tracking.
- ▌ Brand Audit · dragoon0xComprehensive brand auditing, touchpoint analysis, and brand consistency assessment.
- ▌ Brand Voice · dragoon0xDocumenting, calibrating, and enforcing brand voice across all content touchpoints. Voice as a design system component.
- ▌ Card Design · dragoon0xCard component patterns, card layouts, content cards, action cards, and card grid systems.
- ▌ Crypto Defi · dragoon0xDeFi interface design, yield farming UX, liquidity pools, governance interfaces, and token swap patterns.
- ▌ Form Design · dragoon0xForm layout, validation patterns, input types, error handling, and multi-step form architecture.
- ▌ Music Audio · dragoon0xMusic app design, playlist UX, album displays, audio player patterns, and music discovery.
- ▌ Mvp Scoping · dragoon0xDefining minimum viable products, feature scoping, launch criteria, and iterative design.
- ▌ Saas Design · dragoon0xSaaS product design patterns including multi-tenant architecture, feature gating, and subscription management.
- ▌ Taste Audit · dragoon0xAutomated quality gate that scans design output for AI slop patterns, writing quality, accessibility baseline, and brand consistency violations.
- ▌ Ar Vr Design · dragoon0xAugmented and virtual reality interface design including spatial UI, 3D interaction, and immersive experience patterns.
- ▌ Border Craft · dragoon0xBorder design patterns, dividers, separators, and using borders as primary design elements.
- ▌ Card Sorting · dragoon0xCard sorting for information architecture, open vs closed sorts, and analyzing results.
- ▌ Email Design · dragoon0xEmail template design, responsive email patterns, and email deliverability considerations.
- ▌ Empty States · dragoon0xDesigning empty states that guide users to take action instead of showing blank screens.
- ▌ Grid Mastery · dragoon0xAdvanced grid systems, subgrid, asymmetric grids, breaking the grid intentionally, and CSS Grid strategies.
- ▌
- ▌ Icon Systems · dragoon0xIcon consistency, metaphor selection, optical sizing, and building icon systems that scale.
- ▌ Kiosk Design · dragoon0xPublic kiosk and self-service terminal design including touch-first interfaces and session management.
- ▌ Media Player · dragoon0xAudio and video player UX, playback controls, timeline design, and media player patterns.
- ▌ Motion Audit · dragoon0xMotion design review, animation performance, and motion consistency checking.
- ▌ Pricing Page · dragoon0xPricing page design, plan comparison, feature matrices, pricing psychology, and upgrade flows.
- ▌ Profile Page · dragoon0xUser profile page design, account settings, and personal information display.
- ▌ Tab Patterns · dragoon0xTab navigation, tab bar design, scrollable tabs, and tab content management.
- ▌ Table Design · dragoon0xData table patterns, sorting, filtering, pagination, responsive tables, and information-dense displays.
- ▌
- ▌ Card Patterns · dragoon0xCard component design, content hierarchy within cards, card grids, and interactive card behaviors.
- ▌ Checkout Flow · dragoon0xE-commerce checkout design, payment UX, cart design, conversion optimization, and trust signals.
- ▌ Color Systems · dragoon0xPerceptual color theory, accessible palette creation, mood mapping, and systematic color usage in interfaces.
- ▌ Configure Edt · dragoon0xInteractive setup wizard for Everything Design Code. Guides installation and configuration of agents, skills, rules, and hooks.
- ▌
- ▌ Design Sprint · dragoon0xDesign sprint facilitation, rapid prototyping, structured design exploration, and sprint artifacts.
- ▌ Food Delivery · dragoon0xFood delivery app design, restaurant listing, menu display, order tracking, and food photography standards.
- ▌ Growth Design · dragoon0xGrowth-oriented design patterns including viral loops, referral systems, and conversion optimization.
- ▌ Header Footer · dragoon0xHeader design, footer architecture, sticky headers, responsive headers, and footer content strategy.
- ▌ Map Interface · dragoon0xMap UI patterns, markers, clustering, search on maps, location pickers, and map interaction design.
- ▌ Onboarding UX · dragoon0xUser onboarding flows, first-run experience, progressive disclosure, and activation patterns.
- ▌ Sidebar Panel · dragoon0xSidebar design, panel patterns, collapsible sidebars, detail panels, and split-view layouts.
- ▌ Stepper Input · dragoon0xNumeric stepper inputs, quantity selectors, and increment/decrement patterns.
- ▌ Survey Design · dragoon0xDesigning user surveys, question types, response bias, and survey analysis.
- ▌
- ▌ Visual Rhythm · dragoon0xCreating visual rhythm through repetition, variation, and pacing in design.
- ▌ Avatar Profile · dragoon0xAvatar design, profile displays, user representation, initials fallback, and presence indicators.
- ▌ Badge Tag Chip · dragoon0xBadge design, tag systems, chip components, status indicators, and label patterns.
- ▌ Chat Messaging · dragoon0xChat interface design, message bubbles, conversation patterns, typing indicators, and real-time messaging UX.
- ▌ Cookie Consent · dragoon0xCookie consent design, privacy banner patterns, and GDPR-compliant consent UX.
- ▌ Design Handoff · dragoon0xDesign-to-development handoff workflows, spec tooling, and developer-designer collaboration.
- ▌ Error Handling · dragoon0xError states, error messages, recovery flows, error prevention, and graceful degradation.
- ▌ Ethical Design · dragoon0xEthical design considerations, dark pattern avoidance, and responsible design practices.
- ▌ Figma Workflow · dragoon0xAdvanced Figma workflows, auto-layout mastery, component architecture, and team collaboration.
- ▌ Fintech Design · dragoon0xFinancial product design patterns including banking UX, trading interfaces, and money management.
- ▌ Glass Morphism · dragoon0xGlassmorphism patterns, backdrop blur, frosted glass effects, and when to use (and avoid) glass effects.
- ▌ Image Carousel · dragoon0xImage carousel and slider design, when to use carousels, and carousel alternatives.
- ▌ Loading States · dragoon0xSkeleton screens, progress indicators, optimistic updates, and perceived performance design.
- ▌
- ▌ Snackbar Toast · dragoon0xSnackbar and toast notification design, positioning, auto-dismiss, and action patterns.
- ▌ Stepper Wizard · dragoon0xMulti-step form patterns, wizard flows, progress indicators, step validation, and linear vs non-linear steps.
- ▌ Table Patterns · dragoon0xData table design, sorting, filtering, pagination, responsive tables, and dense data display.
- ▌ Thank You Page · dragoon0xPost-conversion thank you page design, next steps, and confirmation patterns.
- ▌ Travel Booking · dragoon0xTravel booking UX, search forms, itinerary building, date range selection, and booking confirmation flows.
- ▌ Type Rendering · dragoon0xFont rendering across platforms, hinting, subpixel rendering, and font loading optimization.
- ▌ Visual Density · dragoon0xInformation density design, compact modes, and density management in data-heavy interfaces.
- ▌ Ar Vr Interface · dragoon0xAR/VR interface design, spatial UI, 3D interaction patterns, and immersive UX.
- ▌ Chart Selection · dragoon0xChoosing the right chart type for your data, chart anatomy, and common chart mistakes.
- ▌ Command Palette · dragoon0xCommand palette design, keyboard shortcuts, quick actions, and power user interfaces.
- ▌ Contextual Menu · dragoon0xContext menus, right-click menus, action menus, and overflow menu patterns.
- ▌ Data Privacy UX · dragoon0xPrivacy-first design, consent patterns, data collection transparency, and GDPR-compliant UX.
- ▌ Design Critique · dragoon0xStructured frameworks for giving and receiving design feedback that makes work better, not just different.
- ▌ Dropdown Select · dragoon0xDropdown menus, select inputs, comboboxes, multi-select patterns, and accessible dropdown implementation.
- ▌ Event Ticketing · dragoon0xEvent listing, seat selection, ticketing flow, calendar integration, and event discovery UX.
- ▌ Feedback Rating · dragoon0xUser feedback collection, rating systems, surveys, NPS, and feedback response design.
- ▌ Gradient Design · dragoon0xGradient usage, mesh gradients, gradient mapping, and avoiding gradient cliches.
- ▌ Image Treatment · dragoon0xImage optimization, aspect ratios, art direction, responsive images, and image loading strategies.
- ▌ Infinite Canvas · dragoon0xInfinite canvas interfaces, whiteboard UX, spatial design, zoom and pan patterns.
- ▌ Naming Strategy · dragoon0xProduct and feature naming, naming conventions, and linguistic considerations.
- ▌ Nft Marketplace · dragoon0xNFT marketplace design, collection pages, minting UX, bidding flows, and digital collectible display.
- ▌ Onboarding Copy · dragoon0xOnboarding text, welcome flows, first-run messaging, and activation copy patterns.
- ▌ Product Framing · dragoon0xJobs-to-be-done frameworks, positioning statements, feature narratives, and connecting design decisions to user outcomes.
- ▌ Scroll Behavior · dragoon0xScroll-based interactions, sticky elements, parallax, scroll-triggered animations, and scroll UX.
- ▌ Search Patterns · dragoon0xSearch UX, autocomplete, filters, search results, empty states, and search analytics.
- ▌ Settings Design · dragoon0xSettings page architecture, preference organization, toggle patterns, and configuration UX.
- ▌ Social Platform · dragoon0xSocial platform design, feed algorithms, profile pages, engagement patterns, and community features.
- ▌
- ▌ Texture Pattern · dragoon0xUsing textures, patterns, noise, and grain in digital design for depth and character.
- ▌ Timeline Design · dragoon0xTimeline UI patterns for activity feeds, history, and chronological displays.
- ▌ Tooltip Popover · dragoon0xTooltip design, popover patterns, hover cards, contextual help, and accessible tooltips.
- ▌ Voice UI Design · dragoon0xVoice user interface design, conversational design, and voice-first interaction patterns.
- ▌
- ▌ Wearable Design · dragoon0xDesigning for smartwatches and wearable devices, glanceable UX, and small screen constraints.
- ▌
- ▌ Changelog Design · dragoon0xChangelog and release notes design, update communication, and what's new patterns.
- ▌ Comparison Table · dragoon0xFeature comparison table design, plan comparison, and product comparison patterns.