partme-ai/adobe-xd
skills/design-skills/adobe-xd/SKILL.md
Guides creation of UI/UX designs, interactive prototypes, reusable components, and design specs in Adobe XD. Use when the user asks about Adobe XD artboards, prototype links, repeat grids, component states, design tokens export, or developer handoff.
$ install --global
skillsauthnpx skillsauth add partme-ai/full-stack-skills adobe-xdInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 10, 2026, 8:43 AM4.3s2 files scanned
SKILL.md
- name:
- adobe-xd
- description:
- Guides creation of UI/UX designs, interactive prototypes, reusable components, and design specs in Adobe XD. Use when the user asks about Adobe XD artboards, prototype links, repeat grids, component states, design tokens export, or developer handoff.
- license:
- Complete terms in LICENSE.txt
When to use this skill
Use this skill whenever the user wants to:
- Create or edit UI/UX designs using Adobe XD artboards and components
- Build interactive prototypes with transitions, auto-animate, or voice triggers
- Work with repeat grids, component states, or responsive resize
- Export design specs or assets for developer handoff
- Manage shared libraries, design tokens, or collaborate via shared links
How to use this skill
1. Design Creation
- Create artboards: Select device preset or custom size, name artboards by screen (e.g., "Login", "Dashboard").
- Build components: Select elements -> right-click -> "Make Component". Use slash naming for categories (e.g.,
Button/Primary,Button/Secondary). - Add states: Select component -> "Default State" dropdown -> "New State" to create hover/active states.
- Use repeat grid: Select element -> "Repeat Grid" to create lists or card grids; drag handles to adjust count and spacing.
2. Prototyping
- Switch to Prototype mode.
- Drag a connector from a trigger element to the target artboard.
- Configure transition: trigger (Tap/Drag/Voice), action (Transition/Auto-Animate/Overlay), and easing.
- Preview with Play button (Cmd+Enter / Ctrl+Enter).
3. Developer Handoff
- Click Share -> "Share for Development".
- Developers access the published link to inspect spacing, colors, fonts, and export assets.
Example prototype link setup:
Trigger: Tap on "Login" button
Action: Transition to "Dashboard" artboard
Animation: Auto-Animate, 0.3s ease-out
Best Practices
- Keep components consistent with a shared design library.
- Ensure prototypes are fully linked with clear interaction annotations.
- Export assets at 1x, 2x, and 3x for multi-density screens.
- Use version history and shared links for team collaboration.
- Note: Adobe has deprecated XD in favor of Figma; evaluate for new projects.
Keywords
adobe xd, UI design, prototype, artboard, components, repeat grid, developer handoff, Adobe
Related Skills
partme-ai/uniapp-project
development
VerifiedTrustedCommunity
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-project-creator
tools
VerifiedTrustedCommunity
Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-plugin
tools
VerifiedTrustedCommunity
Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-native-plugin
tools
VerifiedTrustedCommunity
Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.
456SKILL.mdUpdated Jun 4, 2026