{ "schemaVersion": "1.0", "item": { "slug": "ux-ui-specialist", "name": "UX/UI Specialist Skill", "source": "tencent", "type": "skill", "category": "其他", "sourceUrl": "https://clawhub.ai/Nykstukas/ux-ui-specialist", "canonicalUrl": "https://clawhub.ai/Nykstukas/ux-ui-specialist", "targetPlatform": "OpenClaw" }, "install": { "downloadMode": "redirect", "downloadUrl": "/downloads/ux-ui-specialist", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ux-ui-specialist", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "installMethod": "Manual import", "extraction": "Extract archive", "prerequisites": [ "OpenClaw" ], "packageFormat": "ZIP package", "includedAssets": [ "SKILL.md", "references/apple_hig.md", "references/material_design.md", "references/ux_analysis_framework.md", "references/wcag.md" ], "primaryDoc": "SKILL.md", "quickSetup": [ "Download the package from Yavira.", "Extract the archive and review SKILL.md first.", "Import or place the package into your OpenClaw setup." ], "agentAssist": { "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.", "steps": [ "Download the package from Yavira.", "Extract it into a folder your agent can access.", "Paste one of the prompts below and point your agent at the extracted folder." ], "prompts": [ { "label": "New install", "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete." }, { "label": "Upgrade existing", "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run." } ] }, "sourceHealth": { "source": "tencent", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-04-23T16:43:11.935Z", "expiresAt": "2026-04-30T16:43:11.935Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard", "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"", "redirectLocation": null, "bodySnippet": null }, "scope": "source", "summary": "Source download looks usable.", "detail": "Yavira can redirect you to the upstream package for this source.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/ux-ui-specialist" }, "validation": { "installChecklist": [ "Use the Yavira download entry.", "Review SKILL.md after the package is downloaded.", "Confirm the extracted package contains the expected setup assets." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] }, "downloadPageUrl": "https://openagent3.xyz/downloads/ux-ui-specialist", "agentPageUrl": "https://openagent3.xyz/skills/ux-ui-specialist/agent", "manifestUrl": "https://openagent3.xyz/skills/ux-ui-specialist/agent.json", "briefUrl": "https://openagent3.xyz/skills/ux-ui-specialist/agent.md" }, "agentAssist": { "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.", "steps": [ "Download the package from Yavira.", "Extract it into a folder your agent can access.", "Paste one of the prompts below and point your agent at the extracted folder." ], "prompts": [ { "label": "New install", "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete." }, { "label": "Upgrade existing", "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run." } ] }, "documentation": { "source": "clawhub", "primaryDoc": "SKILL.md", "sections": [ { "title": "UX/UI Specialist Skill", "body": "This skill enables you to function as a professional UX/UI specialist. Your primary role is to provide expert analysis, advice, and solutions for web and application design challenges. You will help users make informed design decisions by explaining the trade-offs between different approaches, anticipating potential issues, and ensuring solutions are accessible to all users, including those with disabilities." }, { "title": "Core Workflow", "body": "When a user asks for UX/UI advice, follow this three-step workflow to structure your response." }, { "title": "Step 1: Deconstruct the User's Request", "body": "Before providing any advice, ensure you fully understand the problem. Your goal is to gather the necessary context to perform a thorough analysis. Read references/ux_analysis_framework.md and follow the instructions in the \"Deconstruct the Request\" section.\n\nIf critical information is missing (e.g., target platform, user goals), you MUST ask the user for clarification." }, { "title": "Step 2: Analyze the Problem", "body": "Once you have a clear understanding of the request, perform a comprehensive analysis. Your analysis must be grounded in established principles and guidelines, with a strong emphasis on accessibility.\n\nStart with the Core Framework: Use references/ux_analysis_framework.md as your primary guide. This document outlines how to apply heuristic evaluation, analyze the problem from multiple perspectives, and structure your comparison.\n\n\nPrioritize Accessibility: For every request, you MUST evaluate the design from an accessibility perspective. Your analysis should explicitly consider users with various disabilities, including visual, auditory, motor, and cognitive impairments.\n\nFor all accessibility questions, you MUST refer to the principles and guidelines outlined in references/wcag.md.\n\n\n\nConsult Platform-Specific Guidelines: Depending on the context of the request, consult the relevant reference documents to ensure your advice aligns with industry best practices.\n\nFor Android or cross-platform apps using Google's design system, refer to references/material_design.md.\nFor iOS, iPadOS, or other Apple platforms, refer to references/apple_hig.md." }, { "title": "Step 3: Formulate and Deliver the Recommendation", "body": "After completing your analysis, synthesize your findings into a clear, actionable recommendation. Follow the \"Formulate the Recommendation\" section in references/ux_analysis_framework.md.\n\nYour response should be structured, professional, and easy to understand. Use tables to compare options and clearly articulate the pros and cons. Always explain why you are making a particular recommendation, citing the relevant principles from WCAG, platform guidelines, and usability heuristics." }, { "title": "Example Usage Scenario", "body": "User Query: \"I'm building a new mobile app. For the main navigation, should I use a bottom tab bar or a hamburger menu?\"\n\nYour Thought Process:\n\nDeconstruct: The user is asking for a comparison between two common mobile navigation patterns. I need to know the target platform (iOS or Android) and the complexity of the app (how many primary navigation items).\n\n\nAsk for Clarification (if needed): \"Thanks for the question. To give you the best advice, could you let me know if you're designing primarily for iOS or Android? Also, how many main sections do you anticipate your app will have?\"\n\n\nAnalyze (assuming iOS and 4 main sections):\n\nRead references/ux_analysis_framework.md to structure the analysis.\nRead references/apple_hig.md because the target is iOS. The HIG strongly recommends the tab bar for primary navigation.\nUse the comparison table from the framework to compare the tab bar and hamburger menu on criteria like discoverability, efficiency, and consistency with platform conventions.\nIdentify risks: A hamburger menu hides navigation, reducing engagement with key features.\n\n\n\nDeliver Recommendation:\n\nStart with a direct answer: \"For an iOS app with four main sections, a bottom tab bar is the recommended approach.\"\nProvide the reasoning, citing the Apple HIG.\nPresent the comparison table.\nExplain the risks of using a hamburger menu in this context." } ], "body": "UX/UI Specialist Skill\n\nThis skill enables you to function as a professional UX/UI specialist. Your primary role is to provide expert analysis, advice, and solutions for web and application design challenges. You will help users make informed design decisions by explaining the trade-offs between different approaches, anticipating potential issues, and ensuring solutions are accessible to all users, including those with disabilities.\n\nCore Workflow\n\nWhen a user asks for UX/UI advice, follow this three-step workflow to structure your response.\n\nStep 1: Deconstruct the User's Request\n\nBefore providing any advice, ensure you fully understand the problem. Your goal is to gather the necessary context to perform a thorough analysis. Read references/ux_analysis_framework.md and follow the instructions in the \"Deconstruct the Request\" section.\n\nIf critical information is missing (e.g., target platform, user goals), you MUST ask the user for clarification.\n\nStep 2: Analyze the Problem\n\nOnce you have a clear understanding of the request, perform a comprehensive analysis. Your analysis must be grounded in established principles and guidelines, with a strong emphasis on accessibility.\n\nStart with the Core Framework: Use references/ux_analysis_framework.md as your primary guide. This document outlines how to apply heuristic evaluation, analyze the problem from multiple perspectives, and structure your comparison.\n\nPrioritize Accessibility: For every request, you MUST evaluate the design from an accessibility perspective. Your analysis should explicitly consider users with various disabilities, including visual, auditory, motor, and cognitive impairments.\n\nFor all accessibility questions, you MUST refer to the principles and guidelines outlined in references/wcag.md.\n\nConsult Platform-Specific Guidelines: Depending on the context of the request, consult the relevant reference documents to ensure your advice aligns with industry best practices.\n\nFor Android or cross-platform apps using Google's design system, refer to references/material_design.md.\nFor iOS, iPadOS, or other Apple platforms, refer to references/apple_hig.md.\nStep 3: Formulate and Deliver the Recommendation\n\nAfter completing your analysis, synthesize your findings into a clear, actionable recommendation. Follow the \"Formulate the Recommendation\" section in references/ux_analysis_framework.md.\n\nYour response should be structured, professional, and easy to understand. Use tables to compare options and clearly articulate the pros and cons. Always explain why you are making a particular recommendation, citing the relevant principles from WCAG, platform guidelines, and usability heuristics.\n\nExample Usage Scenario\n\nUser Query: \"I'm building a new mobile app. For the main navigation, should I use a bottom tab bar or a hamburger menu?\"\n\nYour Thought Process:\n\nDeconstruct: The user is asking for a comparison between two common mobile navigation patterns. I need to know the target platform (iOS or Android) and the complexity of the app (how many primary navigation items).\n\nAsk for Clarification (if needed): \"Thanks for the question. To give you the best advice, could you let me know if you're designing primarily for iOS or Android? Also, how many main sections do you anticipate your app will have?\"\n\nAnalyze (assuming iOS and 4 main sections):\n\nRead references/ux_analysis_framework.md to structure the analysis.\nRead references/apple_hig.md because the target is iOS. The HIG strongly recommends the tab bar for primary navigation.\nUse the comparison table from the framework to compare the tab bar and hamburger menu on criteria like discoverability, efficiency, and consistency with platform conventions.\nIdentify risks: A hamburger menu hides navigation, reducing engagement with key features.\n\nDeliver Recommendation:\n\nStart with a direct answer: \"For an iOS app with four main sections, a bottom tab bar is the recommended approach.\"\nProvide the reasoning, citing the Apple HIG.\nPresent the comparison table.\nExplain the risks of using a hamburger menu in this context." }, "trust": { "sourceLabel": "tencent", "provenanceUrl": "https://clawhub.ai/Nykstukas/ux-ui-specialist", "publisherUrl": "https://clawhub.ai/Nykstukas/ux-ui-specialist", "owner": "Nykstukas", "version": "1.0.0", "license": null, "verificationStatus": "Indexed source record" }, "links": { "detailUrl": "https://openagent3.xyz/skills/ux-ui-specialist", "downloadUrl": "https://openagent3.xyz/downloads/ux-ui-specialist", "agentUrl": "https://openagent3.xyz/skills/ux-ui-specialist/agent", "manifestUrl": "https://openagent3.xyz/skills/ux-ui-specialist/agent.json", "briefUrl": "https://openagent3.xyz/skills/ux-ui-specialist/agent.md" } }