dropdown
25Skill Claude CodeCodex
Generate dropdown menus with glass styling, keyboard navigation, and animated open/close.
Skill Claude CodeCodex
Generate dropdown menus with glass styling, keyboard navigation, and animated open/close.
Skill Claude CodeCodex
Generate a glassmorphism card component with backdrop blur, translucent backgrounds, and specular highlights.
Skill Claude CodeCodex
Generate gradient buttons with hover states, press feedback, and glow effects.
Skill Claude CodeCodex
Generate shimmer loading skeleton placeholders for content areas.
Skill Claude CodeCodex
Generate modal dialogs with backdrop blur, spring animations, and focus trapping.
Skill Claude CodeCodex
Generate navigation bars with glass effect, scroll-aware styling, and mobile hamburger menu.
Skill Claude CodeCodex
Generate pagination with page numbers, prev/next, and active state.
Skill Claude CodeCodex
Generate progress bars with animations, gradients, and multi-step indicators.
Skill Claude CodeCodex
Generate tab navigation with animated indicator and keyboard support.
Skill Claude CodeCodex
Generate toast notifications with slide-in animation, auto-dismiss, and stack management.
Skill Claude CodeCodex
Generate toggle switches with smooth animation and accessible markup.
Skill Claude CodeCodex
Generate tooltips with arrow, delays, and smart positioning.
Skill Claude CodeCodex
Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.
Skill Claude CodeCodex
Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written.
Skill Claude CodeCodex
Microcopy, error messages, and clear interface text for better UX writing.
Skill Claude CodeCodex
How to sound human — voice, sentence structure, AI slop words to avoid, formatting rules.
Skill Claude CodeCodex
Multi-language code generator. Generate functions, classes, API endpoints, CRUD operations, test code, refactoring suggestions, language conversion guides.
Skill Claude CodeCodex
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
Skill Claude CodeCodex
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
Skill Claude CodeCodex
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.
Skill Claude CodeCodex
Normalize design to match your design system and ensure consistency.
Skill Claude CodeCodex
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
Skill Claude CodeCodex
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?".
Skill Claude CodeCodex
Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.