Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
npx claudepluginhub hanniyausmani/xd-skills --plugin designRun a WCAG accessibility audit on a design or page
Get structured design feedback on usability, hierarchy, and consistency
Audit, document, or extend your design system
Generate developer handoff specs from a design
Synthesize user research into themes, insights, and recommendations
Write or review UX copy — microcopy, error messages, empty states, CTAs
Audit designs and code for WCAG 2.1 AA compliance. Trigger with "is this accessible", "accessibility check", "WCAG audit", "can screen readers use this", "color contrast", or when the user asks about making designs or code accessible to all users.
Evaluate designs for usability, visual hierarchy, consistency, and adherence to design principles. Trigger with "what do you think of this design", "give me feedback on", "critique this", "review this mockup", or when the user shares a design and asks for opinions.
Create comprehensive developer handoff documentation from designs. Trigger with "handoff to engineering", "developer specs", "implementation notes", "design specs for developers", or when a design needs to be translated into detailed implementation guidance.
Audit, document, or extend a design system — including component inventories, token mapping, and pattern documentation. Use this skill whenever the user mentions "design system", "component library", "design tokens", "style guide", "token gap", or asks to check whether a design is using a specific UI library (e.g. Nuxt UI, shadcn, MUI, Chakra). Also trigger when a Figma URL is provided alongside a reference to a component library, coding framework, or brand standards — even if the user doesn't use the phrase "design system".
Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any aspect of understanding their users through research.
Write effective microcopy for user interfaces. Trigger with "write copy for", "help with UX copy", "what should this button say", "error message for", "empty state copy", or when the user needs help with any interface text.
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Works with Claude Code, Kiro, Clawd CLI, Gemini CLI, Cursor, Continue, Hermes, and 17+ AI coding assistants. Now with Arabic, German, Spanish, and Chinese (Simplified & Traditional) support.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Meta-prompting and spec-driven development system for Claude Code. Productivity framework for structured AI-assisted development.
Tools to maintain and improve CLAUDE.md files - audit quality, capture session learnings, and keep project memory current.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
External network access
Connects to servers outside your machine
Share bugs, ideas, or general feedback.
Claude plugin skills for the Caylent Experience Design team.
You only need to do this once per plugin.
Click the plugin you want to install:
The file will download to your Downloads folder.
Open the Claude app on your Mac or Windows computer.
Click the Extensions icon (puzzle piece) in the sidebar, or go to the menu: Claude → Extensions.
.zip file you downloaded in Step 1The plugin will install and its skills will be available immediately.
When a plugin is updated, the download link above will show a new version number (e.g. v1.1). To update:
Hanniya will notify the team in Slack when a new version is available.
Skills for accelerating design workflows.
| Skill | What it does |
|---|---|
accessibility-review | WCAG accessibility audits |
design-critique | Structured design feedback |
design-handoff | Developer handoff specs |
design-system-management | Design tokens, component libraries, and pattern docs |
user-research | Research planning and synthesis |
ux-writing | Microcopy, error messages, CTAs |
Commands: /accessibility, /critique, /design-system, /handoff, /research-synthesis, /ux-copy
Void Reclamation Unit — UX opportunity hunting and tracking.
| Skill | What it does |
|---|---|
vru-opportunity-hunting | Hunt and qualify UX opportunities |
Commands: /vru-log, /vru-scan, /vru-update
| Version | Date | What changed |
|---|---|---|
| v1.2 | 2026-04-10 | design: updated design-system-management skill with detailed Figma annotation workflow |
| v1.1 | 2026-04-03 | design: Figma annotations now appear automatically next to the correct frame — no more asking twice |
| v1.1 | 2026-04-03 | vru-board: scan pre-fills log entries, update now checks Gmail + Gong and gives specific action nudges |
| v1.0 | 2026-04-03 | Initial release — design and vru-board plugins |
Reach out to Hanniya.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim