Craft portfolios that convert visitors into opportunities by showcasing work and creating memorable experiences for developers, designers, and creatives.
Category
UI & Design
Create user interfaces, design systems, and frontend components
15 published skills sit in UI & Design. Every listing shows what the skill does, which runtimes it supports, and how it runs.
- Published skills
- 15
- Runtimes covered
- 10
- Distinct tags
- 95
Narrow these skills down
Filter by runtime
How these skills run
UI & Design skills (15)
Builds immersive scroll-driven experiences like parallax storytelling and scroll animations for engaging web experiences.
Premium skill
$49.99 , one time purchase
You get a robust, verified system of AI-specific UX metrics, enabling data-driven optimization and understanding of user interaction with AI features.
Display HTML content on connected OpenClaw nodes (Mac, iOS, Android) for games, visualizations, dashboards, and interactive demos.
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and a non-generic visual identity.
Expertise in user onboarding and activation, focusing on time-to-value, defining the 'aha' moment, and designing effective onboarding flows.
Expert in optimizing in-app paywalls & upgrade flows to convert free users to paid or upgrade to higher tiers, focusing on value & frictionless paths.
Apply behavioral science and mental models to marketing decisions, prioritized using a psychological leverage and feasibility scoring system.
Create and optimize popups, modals, and banners to increase conversions while respecting user experience and brand trust.
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Search tools first for current schemas.
Optimize forms (excluding signup/account) to increase completion, reduce friction, and improve lead quality while maintaining compliance.
Expert in building React and Next.js UI components, optimizing performance, ensuring accessibility, and implementing modern frontend architectures.
Create animation-rich HTML presentations from scratch or convert PowerPoint files, empowering non-designers to explore aesthetics visually.
Build dark-themed React applications with Tailwind CSS, glassmorphism, and Framer Motion for dashboards and data-rich interfaces.
Generates images using Google Gemini's image generation model, seamlessly integrating into Claude Code sessions for various visual tasks.