pixel-process-ug/superkit-agents
64 skills5.4k installs64 starsGitHub
Install
npx skills add https://github.com/pixel-process-ug/superkit-agentsSkills in this repo
1Ui Ux Pro MaxThe ui-ux-pro-max skill > # UI/UX Pro Max ## Overview A comprehensive UI/UX design intelligence system that combines visual design expertise with engineering rigor. This skill provides opinionated, production-ready guidance covering style selection, color palettes, typography, UX heuristics, data visualization, and multi-stack implementation. Every recommendation is filtered through a strict priority hierarchy that ensures accessibility and performance are never sacrificed for aesthetics. ## Phase 1: Requirements Gathering 1. Identify the product type and target audience 2. Determine platform(s) (web, mobile, desktop) 3. Assess existing brand guidelines or design system 4. Define accessibility requirements 5. Set performance budgets **STOP - Confirm requirements with user before making design recommendations.** ### Priority Hierarchy (Non-Negotiable Order) Do NOT skip or reorder these priorities. Accessibility always comes first. **Accessibility** - WCAG 2.1 AA minimum, AAA preferred - Contrast ratio: 4.5:1 for normal text, 3:1 for large text - Keyboard navigation: all interactive elements focusable, visible focus ring - ARIA labels on all non-text controls - Screen reader ann.1.1kinstalls2Frontend Ui Designfrontend-ui-design is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.96installs3Reverse Engineering Specsreverse-engineering-specs is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.88installs4Canvas Designcanvas-design is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.77installs5Autonomous Loopautonomous-loop is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.76installs6Mobile Designmobile-design is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.76installs7Laravel Boostlaravel-boost is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.73installs8Acceptance Testingacceptance-testing is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted development.71installs9Artifacts Builderartifacts-builder is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.71installs10Clean Codeclean-code is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.71installs11Llm As Judgellm-as-judge is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.71installs12Prd Generationprd-generation is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.71installs13Ui Design Systemui-design-system is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.71installs14Api Designapi-design is a Claude Code skill for backend & apis. It helps solo builders move faster with AI-assisted development.70installs15Auto Improvementauto-improvement is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.70installs16Tech Docs Generatortech-docs-generator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.70installs17Circuit Breakercircuit-breaker is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs18Code Reviewcode-review is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs19Content Research Writercontent-research-writer is a Claude Code skill for marketing & seo. It helps solo builders move faster with AI-assisted development.69installs20Dispatching Parallel Agentsdispatching-parallel-agents is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs21Executing Plansexecuting-plans is a Claude Code skill for productivity & planning. It helps solo builders move faster with AI-assisted development.69installs22File Organizerfile-organizer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs23Git Commit Helpergit-commit-helper is a Claude Code skill for git & pull requests. It helps solo builders move faster with AI-assisted development.69installs24Senior Fullstacksenior-fullstack is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs25Seo Optimizerseo-optimizer is a Claude Code skill for marketing & seo. It helps solo builders move faster with AI-assisted development.69installs26Spec Writingspec-writing is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs27Xlsx Processingxlsx-processing is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.69installs28Agent Developmentagent-development is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs29Content Creatorcontent-creator is a Claude Code skill for marketing & seo. It helps solo builders move faster with AI-assisted development.68installs30Docx Processingdocx-processing is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs31Php Specialistphp-specialist is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs32Planningplanning is a Claude Code skill for productivity & planning. It helps solo builders move faster with AI-assisted development.68installs33Self Learningself-learning is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs34Senior Architectsenior-architect is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs35Senior Data Scientistsenior-data-scientist is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs36Senior Frontendsenior-frontend is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.68installs37Webapp Testingwebapp-testing is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted development.68installs38Brainstormingbrainstorming is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.67installs39Database Schema Designdatabase-schema-design is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.67installs40Deploymentdeployment is a Claude Code skill for devops & ci/cd. It helps solo builders move faster with AI-assisted development.67installs41Email Composeremail-composer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.67installs42Finishing A Development Branchfinishing-a-development-branch is a Claude Code skill in the AI & Agent Building category.67installs43Mcp Buildermcp-builder is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.67installs44Ralph Statusralph-status is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.67installs45Using Toolkitusing-toolkit is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.67installs46Pdf Processingpdf-processing is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs47Performance Optimizationperformance-optimization is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs48React Best Practicesreact-best-practices is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.66installs49Resilient Executionresilient-execution is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs50Security Reviewsecurity-review is a Claude Code skill for security. It helps solo builders move faster with AI-assisted development.66installs51Senior Backendsenior-backend is a Claude Code skill for backend & apis. It helps solo builders move faster with AI-assisted development.66installs52Senior Prompt Engineersenior-prompt-engineer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs53Test Driven Developmenttest-driven-development is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted development.66installs54Testing Strategytesting-strategy is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted development.66installs55Ux Researcher Designerux-researcher-designer is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.66installs56Writing Skillswriting-skills is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs57Laravel Specialistlaravel-specialist is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs58Subagent Driven Developmentsubagent-driven-development is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs59Systematic Debuggingsystematic-debugging is a Claude Code skill for debugging. It helps solo builders move faster with AI-assisted development.65installs60Task Decompositiontask-decomposition is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs61Task Managementtask-management is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs62Using Git Worktreesusing-git-worktrees is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs63Verification Before Completionverification-before-completion is a Claude Code skill in the AI & Agent Building category.65installs64Senior Devopssenior-devops is a Claude Code skill for devops & ci/cd. It helps solo builders move faster with AI-assisted development.64installs