{"id":"268a327a-fb3d-44b8-a6aa-14e99eccea87","shortId":"qwJCF9","kind":"skill","title":"ui-ux-designer","tagline":"Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.","description":"## Use this skill when\n\n- Working on ui ux designer tasks or workflows\n- Needing guidance, best practices, or checklists for ui ux designer\n\n## Do not use this skill when\n\n- The task is unrelated to ui ux designer\n- You need a different domain or tool outside this scope\n\n## Instructions\n\n- Clarify goals, constraints, and required inputs.\n- Apply relevant best practices and validate outcomes.\n- Provide actionable steps and verification.\n- If detailed examples are required, open `resources/implementation-playbook.md`.\n\nYou are a UI/UX design expert specializing in user-centered design, modern design systems, and accessible interface creation.\n\n## Purpose\nExpert UI/UX designer specializing in design systems, accessibility-first design, and modern design workflows. Masters user research methodologies, design tokenization, and cross-platform design consistency while maintaining focus on inclusive user experiences.\n\n## Capabilities\n\n### Design Systems Mastery\n- Atomic design methodology with token-based architecture\n- Design token creation and management (Figma Variables, Style Dictionary)\n- Component library design with comprehensive documentation\n- Multi-brand design system architecture and scaling\n- Design system governance and maintenance workflows\n- Version control for design systems with branching strategies\n- Design-to-development handoff optimization\n- Cross-platform design system adaptation (web, mobile, desktop)\n\n### Modern Design Tools & Workflows\n- Figma advanced features (Auto Layout, Variants, Components, Variables)\n- Figma plugin development for workflow optimization\n- Design system integration with development tools (Storybook, Chromatic)\n- Collaborative design workflows and real-time team coordination\n- Design version control and branching strategies\n- Prototyping with advanced interactions and micro-animations\n- Design handoff tools and developer collaboration\n- Asset generation and optimization for multiple platforms\n\n### User Research & Analysis\n- Quantitative and qualitative research methodologies\n- User interview planning, execution, and analysis\n- Usability testing design and moderation\n- A/B testing design and statistical analysis\n- User journey mapping and experience flow optimization\n- Persona development based on research data\n- Card sorting and information architecture validation\n- Analytics integration and user behavior analysis\n\n### Accessibility & Inclusive Design\n- WCAG 2.1/2.2 AA and AAA compliance implementation\n- Accessibility audit methodologies and remediation strategies\n- Color contrast analysis and accessible color palette creation\n- Screen reader optimization and semantic markup planning\n- Keyboard navigation and focus management design\n- Cognitive accessibility and plain language principles\n- Inclusive design patterns for diverse user needs\n- Accessibility testing integration into design workflows\n\n### Information Architecture & UX Strategy\n- Site mapping and navigation hierarchy optimization\n- Content strategy and content modeling\n- User flow design and conversion optimization\n- Mental model alignment and cognitive load reduction\n- Task analysis and user goal identification\n- Information hierarchy and progressive disclosure\n- Search and findability optimization\n- Cross-platform information consistency\n\n### Visual Design & Brand Systems\n- Typography systems and vertical rhythm establishment\n- Color theory application and systematic palette creation\n- Layout principles and grid system design\n- Iconography design and systematic icon libraries\n- Brand identity integration and visual consistency\n- Design trend analysis and timeless design principles\n- Visual hierarchy and attention management\n- Responsive design principles and breakpoint strategy\n\n### Interaction Design & Prototyping\n- Micro-interaction design and animation principles\n- State management and feedback design\n- Error handling and empty state design\n- Loading states and progressive enhancement\n- Gesture design for touch interfaces\n- Voice UI and conversational interface design\n- AR/VR interface design principles\n- Cross-device interaction consistency\n\n### Design Research & Validation\n- Design sprint facilitation and workshop moderation\n- Stakeholder alignment and requirement gathering\n- Competitive analysis and market research\n- Design validation methodologies and success metrics\n- Post-launch analysis and iterative improvement\n- User feedback collection and analysis systems\n- Design impact measurement and ROI calculation\n- Continuous discovery and learning integration\n\n### Cross-Platform Design Excellence\n- Responsive web design and mobile-first approaches\n- Native mobile app design (iOS Human Interface Guidelines, Material Design)\n- Progressive Web App (PWA) design considerations\n- Desktop application design patterns\n- Wearable interface design principles\n- Smart TV and connected device interfaces\n- Email design and multi-client compatibility\n- Print design integration and brand consistency\n\n### Design System Implementation\n- Component documentation and usage guidelines\n- Design token naming conventions and hierarchies\n- Multi-theme support and dark mode implementation\n- Internationalization and localization considerations\n- Performance implications of design decisions\n- Design system analytics and adoption tracking\n- Training and onboarding materials creation\n- Design system community building and feedback loops\n\n### Advanced Design Techniques\n- Design system automation and code generation\n- Dynamic content design and personalization strategies\n- Data visualization and dashboard design\n- E-commerce and conversion optimization design\n- Content management system integration\n- SEO-friendly design patterns\n- Performance-optimized design decisions\n- Design for emerging technologies (AI, ML, IoT)\n\n### Collaboration & Communication\n- Design presentation and storytelling techniques\n- Cross-functional team collaboration strategies\n- Design critique facilitation and feedback integration\n- Client communication and expectation management\n- Design documentation and specification creation\n- Workshop facilitation and ideation techniques\n- Design thinking process implementation\n- Change management and design adoption strategies\n\n### Design Technology Integration\n- Design system integration with CI/CD pipelines\n- Automated design testing and quality assurance\n- Design API integration and dynamic content handling\n- Performance monitoring for design decisions\n- Analytics integration for design validation\n- Accessibility testing automation\n- Design system versioning and release management\n- Developer handoff automation and optimization\n\n## Behavioral Traits\n- Prioritizes user needs and accessibility in all design decisions\n- Creates systematic, scalable design solutions over one-off designs\n- Validates design decisions with research and testing data\n- Maintains consistency across all platforms and touchpoints\n- Documents design decisions and rationale comprehensively\n- Collaborates effectively with developers and stakeholders\n- Stays current with design trends while focusing on timeless principles\n- Advocates for inclusive design and diverse user representation\n- Measures and iterates on design performance continuously\n- Balances business goals with user needs ethically\n\n## Knowledge Base\n- Design system best practices and industry standards\n- Accessibility guidelines and assistive technology compatibility\n- Modern design tools and workflow optimization\n- User research methodologies and behavioral psychology\n- Cross-platform design patterns and native conventions\n- Performance implications of design decisions\n- Design token standards and implementation strategies\n- Inclusive design principles and diverse user needs\n- Design team scaling and organizational design maturity\n- Emerging design technologies and future trends\n\n## Response Approach\n1. **Research user needs** and validate assumptions with data\n2. **Design systematically** with tokens and reusable components\n3. **Prioritize accessibility** and inclusive design from concept stage\n4. **Document design decisions** with clear rationale and guidelines\n5. **Collaborate with developers** for optimal implementation\n6. **Test and iterate** based on user feedback and analytics\n7. **Maintain consistency** across all platforms and touchpoints\n8. **Measure design impact** and optimize for continuous improvement\n\n## Example Interactions\n- \"Design a comprehensive design system with accessibility-first components\"\n- \"Create user research plan for a complex B2B software redesign\"\n- \"Optimize conversion flow with A/B testing and user journey analysis\"\n- \"Develop inclusive design patterns for users with cognitive disabilities\"\n- \"Design cross-platform mobile app following platform-specific guidelines\"\n- \"Create design token architecture for multi-brand product suite\"\n- \"Conduct accessibility audit and remediation strategy for existing product\"\n- \"Design data visualization dashboard with progressive disclosure\"\n\nFocus on user-centered, accessible design solutions with comprehensive documentation and systematic thinking. Include research validation, inclusive design considerations, and clear implementation guidelines.\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["designer","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity-skills"],"capabilities":["skill","source-sickn33","skill-ui-ux-designer","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/ui-ux-designer","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34460 github stars · SKILL.md body (9,525 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T06:52:04.711Z","embedding":null,"createdAt":"2026-04-18T21:46:46.447Z","updatedAt":"2026-04-22T06:52:04.711Z","lastSeenAt":"2026-04-22T06:52:04.711Z","tsv":"'/2.2':328 '1':967 '2':976 '2.1':327 '3':984 '4':993 '5':1002 '6':1009 '7':1019 '8':1027 'a/b':292,1062 'aa':329 'aaa':331 'access':15,109,121,323,334,344,362,374,805,825,908,986,1045,1099,1119 'accessibility-first':120,1044 'across':850,1022 'action':82 'adapt':207 'adopt':667,771 'advanc':216,254,681 'advoc':877 'ai':726 'align':403,537 'analysi':275,286,297,322,342,409,465,542,555,563,1067 'analyt':317,665,800,1018 'anim':259,489 'api':789 'app':591,601,1082 'appli':74 'applic':440,606 'approach':588,966 'ar/vr':518 'architectur':158,179,315,381,1091 'ask':1171 'asset':266 'assist':911 'assumpt':973 'assur':787 'atom':151 'attent':473 'audit':335,1100 'auto':218 'autom':686,782,807,816 'b2b':1055 'balanc':892 'base':157,307,900,1013 'behavior':321,819,924 'best':35,76,903 'boundari':1179 'branch':194,250 'brand':176,430,457,630,1095 'breakpoint':479 'build':677 'busi':893 'calcul':570 'capabl':147 'card':311 'center':103,1118 'chang':767 'checklist':38 'chromat':236 'ci/cd':780 'clarif':1173 'clarifi':68 'clear':998,1135,1146 'client':624,748 'code':688 'cognit':361,405,1075 'collabor':237,265,729,740,861,1003 'collect':561 'color':340,345,438 'commerc':703 'communic':730,749 'communiti':676 'compat':625,913 'competit':541 'complex':1054 'complianc':332 'compon':168,221,635,983,1047 'comprehens':172,860,1040,1123 'concept':991 'conduct':1098 'connect':616 'consider':604,657,1133 'consist':139,427,462,526,631,849,1021 'constraint':70 'content':390,393,691,708,793 'continu':571,891,1034 'contrast':341 'control':189,248 'convent':643,933 'convers':399,515,705,1059 'coordin':245 'creat':5,830,1048,1088 'creation':111,161,347,444,673,757 'criteria':1182 'critiqu':743 'cross':136,203,424,523,577,737,927,1079 'cross-devic':522 'cross-funct':736 'cross-platform':135,202,423,576,926,1078 'current':868 'dark':651 'dashboard':699,1110 'data':310,696,847,975,1108 'decis':662,721,799,829,842,857,938,996 'describ':1150 'design':4,7,10,19,29,42,56,97,104,106,115,118,123,126,132,138,148,152,159,170,177,182,191,197,205,212,229,238,246,260,289,294,325,360,368,378,397,429,450,452,463,468,476,482,487,495,501,508,517,520,527,530,546,565,579,583,592,598,603,607,611,620,627,632,640,661,663,674,682,684,692,700,707,715,720,722,731,742,753,763,770,773,776,783,788,798,803,808,828,833,839,841,856,870,880,889,901,915,929,937,939,946,952,957,960,977,989,995,1029,1038,1041,1070,1077,1089,1107,1120,1132 'design-to-develop':196 'desktop':210,605 'detail':87 'develop':199,225,233,264,306,814,864,1005,1068 'devic':524,617 'dictionari':167 'differ':60 'disabl':1076 'disclosur':418,1113 'discoveri':572 'divers':371,882,949 'document':173,636,754,855,994,1124 'domain':61 'dynam':690,792 'e':702 'e-commerc':701 'effect':862 'email':619 'emerg':724,959 'empti':499 'enhanc':506 'environ':1162 'environment-specif':1161 'error':496 'establish':437 'ethic':898 'exampl':88,1036 'excel':580 'execut':284 'exist':1105 'expect':751 'experi':146,302 'expert':98,113,1167 'facilit':532,744,759 'featur':217 'feedback':494,560,679,746,1016 'figma':164,215,223 'findabl':421 'first':122,587,1046 'flow':303,396,1060 'focus':142,358,873,1114 'follow':1083 'friend':714 'function':738 'futur':963 'gather':540 'generat':267,689 'gestur':507 'goal':69,412,894 'govern':184 'grid':448 'guidanc':34 'guidelin':596,639,909,1001,1087,1137 'handl':497,794 'handoff':200,261,815 'hierarchi':388,415,471,645 'human':594 'icon':455 'iconographi':451 'ideat':761 'ident':458 'identif':413 'impact':566,1030 'implement':333,634,653,766,943,1008,1136 'implic':659,935 'improv':558,1035 'includ':1128 'inclus':144,324,367,879,945,988,1069,1131 'industri':906 'inform':314,380,414,426 'input':73,1176 'instruct':67 'integr':231,318,376,459,575,628,711,747,775,778,790,801 'interact':255,481,486,525,1037 'interfac':6,110,511,516,519,595,610,618 'internation':654 'interview':282 'io':593 'iot':728 'iter':557,887,1012 'journey':299,1066 'keyboard':355 'knowledg':899 'languag':365 'launch':554 'layout':219,445 'learn':574 'librari':169,456 'limit':1138 'load':406,502 'local':656 'loop':680 'maintain':141,848,1020 'mainten':186 'manag':163,359,474,492,709,752,768,813 'map':300,385 'market':544 'markup':353 'master':12,128 'masteri':150 'match':1147 'materi':597,672 'matur':958 'measur':567,885,1028 'mental':401 'methodolog':131,153,280,336,548,922 'metric':551 'micro':258,485 'micro-anim':257 'micro-interact':484 'miss':1184 'ml':727 'mobil':209,586,590,1081 'mobile-first':585 'mode':652 'model':394,402 'moder':291,535 'modern':18,105,125,211,914 'monitor':796 'multi':175,623,647,1094 'multi-brand':174,1093 'multi-cli':622 'multi-them':646 'multipl':271 'name':642 'nativ':589,932 'navig':356,387 'need':33,58,373,823,897,951,970 'onboard':671 'one':837 'one-off':836 'open':91 'optim':201,228,269,304,350,389,400,422,706,719,818,919,1007,1032,1058 'organiz':956 'outcom':80 'output':1156 'outsid':64 'palett':346,443 'pattern':369,608,716,930,1071 'perform':658,718,795,890,934 'performance-optim':717 'permiss':1177 'person':694 'persona':305 'pipelin':781 'plain':364 'plan':283,354,1051 'platform':137,204,272,425,578,852,928,1024,1080,1085 'platform-specif':1084 'plugin':224 'post':553 'post-launch':552 'practic':36,77,904 'present':732 'principl':366,446,469,477,490,521,612,876,947 'print':626 'priorit':821,985 'process':765 'product':1096,1106 'progress':417,505,599,1112 'prototyp':252,483 'provid':81 'psycholog':925 'purpos':112 'pwa':602 'qualit':278 'qualiti':786 'quantit':276 'rational':859,999 'reader':349 'real':242 'real-tim':241 'redesign':1057 'reduct':407 'releas':812 'relev':75 'remedi':338,1102 'represent':884 'requir':72,90,539,1175 'research':14,130,274,279,309,528,545,844,921,968,1050,1129 'resources/implementation-playbook.md':92 'respons':475,581,965 'reusabl':982 'review':1168 'rhythm':436 'roi':569 'safeti':1178 'scalabl':832 'scale':181,954 'scope':66,1149 'screen':348 'search':419 'semant':352 'seo':713 'seo-friend':712 'site':384 'skill':23,47,1141 'skill-ui-ux-designer' 'smart':613 'softwar':1056 'solut':834,1121 'sort':312 'source-sickn33' 'special':99,116 'specif':756,1086,1163 'sprint':531 'stage':992 'stakehold':536,866 'standard':16,907,941 'state':491,500,503 'statist':296 'stay':867 'step':83 'stop':1169 'storybook':235 'storytel':734 'strategi':195,251,339,383,391,480,695,741,772,944,1103 'style':166 'substitut':1159 'success':550,1181 'suit':1097 'support':649 'system':11,107,119,149,178,183,192,206,230,431,433,449,564,633,664,675,685,710,777,809,902,1042 'systemat':442,454,831,978,1126 'task':30,50,408,1145 'team':244,739,953 'techniqu':683,735,762 'technolog':725,774,912,961 'test':288,293,375,784,806,846,1010,1063,1165 'theme':648 'theori':439 'think':764,1127 'time':243 'timeless':467,875 'token':133,156,160,641,940,980,1090 'token-bas':155 'tool':20,63,213,234,262,916 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'touch':510 'touchpoint':854,1026 'track':668 'train':669 'trait':820 'treat':1154 'trend':464,871,964 'tv':614 'typographi':432 'ui':2,27,40,54,513 'ui-ux-design':1 'ui/ux':96,114 'unrel':52 'usabl':287 'usag':638 'use':21,45,1139 'user':13,102,129,145,273,281,298,320,372,395,411,559,822,883,896,920,950,969,1015,1049,1065,1073,1117 'user-cent':101,1116 'ux':3,28,41,55,382 'valid':79,316,529,547,804,840,972,1130,1164 'variabl':165,222 'variant':220 'verif':85 'version':188,247,810 'vertic':435 'visual':428,461,470,697,1109 'voic':512 'wcag':326 'wearabl':609 'web':208,582,600 'wirefram':8 'work':25 'workflow':32,127,187,214,227,239,379,918 'workshop':534,758","prices":[{"id":"281c0da4-b6e0-4b58-8771-43c4a0ba11a6","listingId":"268a327a-fb3d-44b8-a6aa-14e99eccea87","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:46:46.447Z"}],"sources":[{"listingId":"268a327a-fb3d-44b8-a6aa-14e99eccea87","source":"github","sourceId":"sickn33/antigravity-awesome-skills/ui-ux-designer","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ui-ux-designer","isPrimary":false,"firstSeenAt":"2026-04-18T21:46:46.447Z","lastSeenAt":"2026-04-22T06:52:04.711Z"}],"details":{"listingId":"268a327a-fb3d-44b8-a6aa-14e99eccea87","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"ui-ux-designer","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34460,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-22T06:40:00Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"d971d025a388a9f4ce01e1223abfc8d513029e67","skill_md_path":"skills/ui-ux-designer/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ui-ux-designer"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"ui-ux-designer","description":"Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/ui-ux-designer"},"updatedAt":"2026-04-22T06:52:04.711Z"}}