Craft portfolios that convert visitors into opportunities by showcasing work and creating memorable experiences for developers, designers, and creatives.
UI & Design
Create user interfaces, design systems, and frontend components
14 published skills sit in UI & Design. Every listing shows what the skill does, which runtimes it supports, and how it runs.
- Published skills
- 14
- Runtimes covered
- 6
- Distinct tags
- 87
Narrow these skills down
Filter by runtime
How these skills run
UI & Design skills (14)
Builds immersive scroll-driven experiences like parallax storytelling and scroll animations for engaging web experiences.
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.