Skill Claude CodeCodex
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
Skill Claude CodeCodex
Best practices for Remotion - Video creation in React.
Skill Claude CodeCodex
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces directly in code with a strong visual point of view. Use when Codex is asked to design or redesign a page, screen, flow, or component; improve UI quality; or ship polished frontend experiences that must feel intentional and non-generic. Default to Next.js unless…
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…
Skill Claude CodeCodex
Design-system guidance for creating, reviewing, documenting, or updating a veterinary clinic patient dashboard, SOAP note entry, AI summary, vitals, quick actions, patient records, or customization controls. Use for vet clinic dashboards, patient dashboard UX/UI, SOAP note flows, low cognitive load for clinicians…
Skill Claude CodeCodex
AI video production workflow using Remotion. Use when creating videos, short films, commercials, product demos, social media videos, animated explainers, promotional videos, or any programmatic motion graphics content. Produces polished motion graphics rather than slideshow-style decks.
Skill Claude CodeCodex
Create animated logo files (Lottie JSON, GIF, MP4) from static logo images. This skill should be used when users provide a logo image (PNG/SVG/JPG) and request any kind of logo animation, motion graphics, animated logo effect, waveform animation, bouncing logo, rotating logo, pulsing logo, wiggling logo, or ask to…