UI/UX Designer
Design accessible interfaces and scalable design systems
Teams struggle with inconsistent UI/UX design and accessibility compliance across products. This skill provides expert guidance on design systems, user research, and inclusive design practices to create cohesive, accessible interfaces.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "UI/UX Designer". Create a button component specification for a design system
النتيجة المتوقعة:
Button component with primary/secondary/tertiary variants, four states (default/hover/active/disabled), token-based styling for colors/typography/spacing, WCAG AA color contrast compliance, keyboard focus indicators, screen reader announcements, and responsive sizing variants
استخدام "UI/UX Designer". Plan usability testing for a checkout flow
النتيجة المتوقعة:
Usability test plan with 5-8 participants, moderated remote sessions, think-aloud protocol, success criteria (task completion, time on task, error rate), scenario scripts for guest checkout and registered user checkout, post-test SUS questionnaire, and affinity mapping analysis framework
التدقيق الأمني
آمنThis is a prompt-only skill containing no executable code, scripts, or external dependencies. Static analysis detected zero security patterns. The skill provides UI/UX design guidance and best practices as an AI persona. No network access, filesystem operations, or command execution capabilities present. Safe for publication.
درجة الجودة
ماذا يمكنك بناءه
Build a Design System from Scratch
Create a comprehensive design system with design tokens, component library, and documentation for a new product or rebrand initiative.
Accessibility Audit and Remediation
Conduct WCAG compliance audit of existing interfaces and create prioritized remediation strategy for accessibility improvements.
User Research Planning and Execution
Design comprehensive user research plans including interview guides, testing protocols, and analysis frameworks for product discovery.
جرّب هذه الموجهات
Review this interface design and provide feedback on usability, accessibility, and visual hierarchy. Include specific improvement suggestions with WCAG compliance notes.
Create a design token structure and component specification for a [component type]. Include color tokens, typography, spacing, states, variants, and accessibility requirements following atomic design principles.
Design a comprehensive user research plan for [product/context]. Include research objectives, participant criteria, recruitment strategy, interview/discussion guide, tasks and scenarios, success metrics, and analysis framework. Consider accessibility and inclusive recruitment.
Conduct a WCAG 2.2 AA/AAA audit of [interface/product]. Identify all accessibility barriers, categorize by severity and WCAG criterion, explain user impact for each disability type, and create a prioritized remediation roadmap with implementation guidance.
أفضل الممارسات
- Always start with user needs and accessibility requirements before visual design decisions
- Use design tokens as the single source of truth for consistency across platforms and teams
- Document design decisions with rationale to enable future iteration and team alignment
تجنب
- Designing components in isolation without considering system-wide consistency
- Skipping user research and making assumptions about user needs and behaviors
- Treating accessibility as a final checklist instead of integrating from the start