Ux skills

This skill generates Remotion Geist videos in Vercel's dark Geist style with spring animations and Geist typography.

This skill helps you implement responsive design with Tailwind CSS by outlining breakpoints and container queries for adaptive layouts.

This skill helps you design reusable component APIs and patterns such as children, slots, and render props to improve UI composition.

This skill guides front-end tasks in Next.js with Tailwind, Framer Motion, and UI/UX best practices to deliver instant, trusted, delightful fintech interfaces.

This skill helps you implement web animations using Anime.js v4, covering timelines, SVGs, scroll effects, and draggable interactions.

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.

This skill helps you apply and customize Tailwind CSS Typography utilities to control font, text, and decoration across projects.

This skill helps you apply Tailwind CSS transforms, transitions, and animations to create dynamic UI effects with precise timing and origins.

This skill helps you design and optimize CLI commands, improving argument parsing, automation, and user experience.

This skill validates accessibility compliance across WCAG 2.2 AA, color contrast, keyboard navigation, ARIA, and semantic structure in code.

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

This skill generates structured webinar slide decks with speaker notes, visuals, and engagement prompts to power compelling virtual events.

This skill helps you craft visually stunning interfaces by applying proven design principles, workflows, and iterative evaluation across aesthetics,

This skill enforces design system consistency by identifying hardcoded colors and spacing, mapping violations to tokens, and suggesting token-based fixes.

This skill helps you apply a brand's design language to code and UI by generating brand-specific Agent Skills and IDE config.

This skill helps you implement clean, scalable UI with Tailwind CSS by following best practices for utilities, theming, and maintainability.

This skill helps implement responsive layouts and fluid typography using mobile-first patterns, container queries, and adaptive components for scalable UI.

This skill helps you implement Tailwind CSS interactivity utilities to enhance user experience with cursor, scroll, selection, and input styling.

This skill helps you craft layered hero backgrounds with gradient orbs, blur layers, and noise textures, delivering immersive visuals across pages.

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

This skill assists in building watchOS apps by guiding complications, workouts, HealthKit integration, and iPhone-Watch connectivity with best practices.