UX-driven development toolkit for building accessible, user-centered websites and applications. Integrates UX principles, accessibility verification, and usability heuristics directly into the development workflow.
npx claudepluginhub standardbeagle/standardbeagle-tools --plugin ux-developerRun comprehensive accessibility audit against WCAG 2.2 guidelines with actionable fix recommendations
Design or review a UI component with UX best practices, accessibility, and interaction patterns
Design or review forms with UX best practices for usability, accessibility, and conversion optimization
Design, document, or analyze user flows with UX best practices and friction point identification
Comprehensive UX review of a page, component, or user flow using established heuristics and best practices
Pre-commit/pre-deploy UX verification checklist to catch issues before they ship
Deep accessibility specialist agent for WCAG compliance, assistive technology support, and inclusive design
Component design agent for creating accessible, usable, well-documented UI components
User flow analysis agent for mapping, optimizing, and testing user journeys
Comprehensive UX audit agent that evaluates interfaces against heuristics, accessibility, and usability principles
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.
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
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.