phazurlabs/sumi

1

desktop-app-design Desktop and enterprise application patterns: data-dense interfaces, dashboards, data tables, keyboard-first interacti…

phazurlabs/sumi

31

2

cognitive-psychology-ux Laws of UX (Fitts, Hick, Miller, Jakob, Peak-End, Doherty), Gestalt principles, cognitive biases, mental models, atte…

phazurlabs/sumi

22

3

mobile-ux-design Mobile-first design: touch targets, gesture systems, thumb zones, responsive layout, mobile forms and navigation, iOS…

phazurlabs/sumi

22

4

icon-illustration-systems Icon and illustration systems: grid and sizing scales, library selection (Lucide, Heroicons, Phosphor, SF Symbols, Ma…

phazurlabs/sumi

19

5

nng-ux-heuristics Jakob Nielsen's 10 usability heuristics with modern interpretation, evaluation protocol, and 0-4 severity rating scal…

phazurlabs/sumi

17

6

data-visualization-mastery 50+ chart types with selection criteria, dashboard composition, data tables, KPI cards, sparklines, heatmaps, and acc…

phazurlabs/sumi

16

7

sector-style-intelligence Visual direction by industry for 20+ sectors: color psychology, typography norms, component conventions, spacing phil…

phazurlabs/sumi

14

8

accessibility-inclusive-design WCAG 2.2 compliance, ARIA authoring patterns, screen reader and keyboard navigation, color contrast, and cognitive/ne…

phazurlabs/sumi

13

9

sumi-orchestrator Routes any UX/UI request to the right Sumi skills in the right order, with stage gates and handoffs. Use when the use…

phazurlabs/sumi

13

10

ux-research-methods UX research methodology: usability testing protocols, user interviews, contextual inquiry, surveys, card sorting, and…

phazurlabs/sumi

13

11

animation-recipe-library 200+ copy-paste animation recipes in CSS, Framer Motion, and GSAP: entrances, micro-interactions, page transitions, s…

phazurlabs/sumi

12

12

business-design-templates Client-facing design deliverables: proposals, SOWs, case studies, pitch decks, pricing calculators, project briefs, a…

phazurlabs/sumi

12

13

component-patterns-code Production UI component code in React/TypeScript, SwiftUI, and modern CSS with full state matrices, ARIA attributes, …

phazurlabs/sumi

12

14

conversion-optimization-patterns Evidence-based conversion patterns: CTA design, pricing page psychology, form and checkout friction, trust signals, s…

phazurlabs/sumi

12

15

design-systems-architecture Design system architecture: W3C design tokens, Style Dictionary pipelines, component library structure, theming, mult…

phazurlabs/sumi

12

16

interaction-motion-design Micro-interactions, animation timing and easing curves, spring physics, transition choreography, haptic feedback voca…

phazurlabs/sumi

12

17

layout-block-intelligence 500+ individual section patterns — heroes, feature grids, pricing tables, testimonials, CTAs, footers, FAQs, stats, t…

phazurlabs/sumi

12

18

navigation-pattern-encyclopedia Every navigation pattern with specs, trade-offs, and production code: top bars, sidebars, bottom tabs, mega menus, br…

phazurlabs/sumi

12

19

page-composition-engine 100+ full-page recipes giving exact block order, spacing rhythm, visual pacing, and content hierarchy for landing pag…

phazurlabs/sumi

12

20

performance-states-patterns Perceived performance and state design: skeleton screens, optimistic UI, progressive loading, notification architectu…

phazurlabs/sumi

12

21

typography-pairing-recipes 100+ font pairing recipes and type scale systems covering Google Fonts, system stacks, variable fonts, fluid clamp() …

phazurlabs/sumi

12

22

ui-visual-design-system Visual design craft: typography scales, color theory (OKLCH, color-mix, light-dark), spacing systems, grids, visual h…

phazurlabs/sumi

12

23

visual-design-mastery Designer-grade visual judgement: 36+ designer pattern libraries, 70 canonical rules from 23 books, Awwwards-calibrate…

phazurlabs/sumi

12

24

agentic-ai-generative-ux Design patterns for agentic AI: multi-agent orchestration UX, generative UI, RAG interfaces, LLM hallucination guardr…

phazurlabs/sumi

11

25

ai-design-generation Produce visual assets from AI image and UI models through MCP — Stitch screens, Fal.ai (Imagen, FLUX, Veo), Recraft V…

phazurlabs/sumi

11

26

ai-spatial-voice-ux AI-native interface patterns, conversational and voice UX, spatial computing (AR/VR/MR), and multimodal interaction. …

phazurlabs/sumi

11

27

ambient-calm-zero-ui Calm technology principles, zero-UI and screenless patterns, ambient displays, proactive intelligence, and peripheral…

phazurlabs/sumi

11

28

color-palette-library 500+ ready-made color palettes with contrast scores, plus OKLCH palette generation, dark-mode luminance mapping, sema…

phazurlabs/sumi

11

29

cross-cultural-i18n-ux Internationalization and localization: RTL layouts with CSS logical properties, CJK typography, text expansion, local…

phazurlabs/sumi

11

30

design-critique-case-studies Structured design critique using the Liz Lerman Critical Response Process, plus deep-dives on Stripe, Linear, Notion,…

phazurlabs/sumi

11

31

design-memory The .sumi/ design memory contract — which files exist, the canonical style.json schema, which command owns which subt…

phazurlabs/sumi

11

32

design-process-methods Design process methodology: NNG's six phases, Double Diamond, Google Design Sprint, IDEO, Lean UX, and the bridge fro…

phazurlabs/sumi

11

33

design-token-presets 20+ ready-to-deploy token systems by industry vertical, each in W3C DTCG JSON, CSS custom properties, and Tailwind v4…

phazurlabs/sumi

11

34

figma-design-tool-workflows Figma mastery and design-to-code: Auto Layout, component architecture, variable modes, Dev Mode handoff, Figma MCP se…

phazurlabs/sumi

11

35

form-design-encyclopedia 200+ form patterns covering every input type, layout, validation strategy, multi-step wizard, and error state, with p…

phazurlabs/sumi

11

36

image-media-patterns Image, video, and media UI patterns: hero and product imagery, galleries, carousels, video and audio players, avatars…

phazurlabs/sumi

11

37

micro-copy-intelligence 1000+ microcopy and UX-writing templates by component, tone and sector: button labels, every error message and failur…

phazurlabs/sumi

11

38

platform-visual-standards Current platform visual standards: iOS 26 Liquid Glass and SF Symbols 7, Material 3 Expressive (HCT, Dynamic Color, s…

phazurlabs/sumi

11

39

responsive-block-patterns How every block and component transforms across breakpoints: container queries, fluid scaling, breakpoint transformat…

phazurlabs/sumi

11

40

screen-flow-patterns Taxonomy of 25+ screen types, 15+ user flows, and 25+ UI element deep-dives with layout patterns, component hierarchi…

phazurlabs/sumi

11

41

shadow-elevation-density Elevation, shadow, depth, and density systems: shadow scales, elevation hierarchy, glassmorphism, blur effects, borde…

phazurlabs/sumi

11

42

ui-pattern-intelligence 200+ UI patterns across 10 categories, benchmark DNA from 50+ world-class products, sector pattern matrices, a matche…

phazurlabs/sumi

11

43

ux-ethics-content-strategy Dark pattern detection and avoidance, persuasive vs.

phazurlabs/sumi

11

44

ux-metrics-measurement UX measurement: HEART framework, SUS, UEQ, SUPR-Q, task success and time-on-task metrics, A/B testing statistics, AI-…

phazurlabs/sumi

11

45

ambient-computing-calm-technology isn’t available in this repository. ambient-computing-calm-technology — an installable skill for AI agents, published by phazurlabs/sumi.

phazurlabs/sumi

0

46

cross-cultural-internationalization-ux isn’t available in this repository. cross-cultural-internationalization-ux — an installable skill for AI agents, published by phazurlabs/sumi.

phazurlabs/sumi

0