agent-maxxing

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

Initialize a project's CLAUDE.md / AGENTS.md by analyzing the codebase architecture, commands, and conventions.

Generate expandable accordion sections with smooth height animation.

Generate input fields with floating labels, focus animations, and validation states.

Generate avatars with status indicators, initials fallback, and image loading states.

Generate badges, tags, and status indicators with multiple color variants.

Generate breadcrumb navigation with separators and current page indicator.

Generate data tables with sorting, striped rows, hover states, and responsive horizontal scroll.

Generate dropdown menus with glass styling, keyboard navigation, and animated open/close.

Generate a glassmorphism card component with backdrop blur, translucent backgrounds, and specular highlights.

Generate gradient buttons with hover states, press feedback, and glow effects.

Generate shimmer loading skeleton placeholders for content areas.

Generate modal dialogs with backdrop blur, spring animations, and focus trapping.

Generate navigation bars with glass effect, scroll-aware styling, and mobile hamburger menu.

Generate pagination with page numbers, prev/next, and active state.

Generate progress bars with animations, gradients, and multi-step indicators.

Generate tab navigation with animated indicator and keyboard support.

Generate toast notifications with slide-in animation, auto-dismiss, and stack management.

Generate toggle switches with smooth animation and accessible markup.

Generate tooltips with arrow, delays, and smart positioning.

Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.

Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written.

Microcopy, error messages, and clear interface text for better UX writing.

How to sound human — voice, sentence structure, AI slop words to avoid, formatting rules.

Multi-language code generator. Generate functions, classes, API endpoints, CRUD operations, test code, refactoring suggestions, language conversion guides.

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

Normalize design to match your design system and ensure consistency

Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?"

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

Debug Node.js with node inspect, --inspect, breakpoints, CDP, heap, and CPU profiles.

Debug Python with pdb, breakpoint(), post-mortem inspection, and debugpy remote attach.

Avoid the mistakes that make AI output obviously AI-generated — code, design, writing, and communication anti-patterns.

REST API design patterns — naming, versioning, error handling, pagination, authentication.

Ship-ready code review checklist covering correctness, readability, security, performance, and frontend/backend specifics.

Review changed code for reuse, simplification, efficiency, and altitude cleanups, then apply fixes.