mengto
116 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.
mengtoorange-clean-paper-saas
Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtopointer-trail-emitter
Build a cursor trail whose spacing stays constant at any hand speed, by emitting motes per unit of distance travelled rather than on a timer, so a flick draws the same continuous ribbon as a crawl instead of breaking into scattered dots. Covers sub-segment placement, the ring-buffer ordering trap, the idle breath a distance emitter needs, anchoring the trail to the screen in a 3-D scene, scaling scatter against the plane it hangs on, coasting instead of stopping dead, touch and reduced-motion fa
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtopricing-page
Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns, experiments). Includes checklists, templates, and common pitfalls.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtoproduct-proof-saas
Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof. Use for pale atmospheric shells, product UI in the hero, prompt-to-output stories, audience tabs, compact feature modules, honest pricing comparisons, and FAQ handoffs.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtoprogressive-blur
Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness. Use when asked for “progressive blur”, “gradient blur overlay”, or stepped blur masks that fade from an edge of the viewport.
- installations
- 2
- GitHub Stars
- 5,9 k
- Mis à jour
- 28 août
mengtoscroll-progress-timeline
Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior. Use for onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives where progress through the sequence should become visible while scrolling.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtoscroll-scrubbed-visual-sequence
Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers. Use for hero transformations, product assembly, interface state walkthroughs, object rotation, diagrams, or photo sequences that must move forward and backward with native scrolling.
- installations
- 2
- GitHub Stars
- 7 k
- Mis à jour
- 25 oct.
mengtoscroll-scrubbed-word-reveal
Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability. Use for headlines, quotes, manifestos, product statements, onboarding messages, or editorial passages where scrolling should pace comprehension rather than simulate typing.
- installations
- 2
- GitHub Stars
- 6,9 k
- Mis à jour
- 18 oct.
mengtoscroll-world-storytelling
Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js world, or semantic HTML/SVG data and typography. Use when the user asks for a scroll world, fly-through landing page, article-to-website transformation, animated planet, data scrollytelling, video-scrubbed page, connected visual journey, or story-led alternative to ordinary stacked sections.
- installations
- 2
- GitHub Stars
- 6,8 k
- Mis à jour
- 6 oct.
mengtoskeuomorphic-ui
Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details. Use when asked for pressed, carved, tactile, realistic, soft-plastic, soft-metal, or premium physical interface styling.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtosolar-duotone-bold
Use Iconify Solar Duotone Bold icon style.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtosplit-layout-technical
Create a technical split-screen design system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surfaces.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtostaggered-word-reveal
Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport. Use for premium portfolio headlines, hero copy, section intros, and short marketing text that needs a cinematic staggered reveal with IntersectionObserver or in-view detection.
- installations
- 2
- GitHub Stars
- 5,9 k
- Mis à jour
- 28 août
mengtotailwindcss
Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtotech-green-dark-mode-modern
Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtotechnical-wireframe-info-layout
Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtothinking-orbs
Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generation, or tool-running interface needs a semantic working, searching, solving, listening, composing, or shaping state; when replacing a generic spinner with an AI activity orb; or when implementing the library's size, theme, speed, pause, reduced-motion, and canvas behavior.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtothreejs
Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance). Helpful for designers shipping 3D UI moments.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtothreejs-landscape
Build a live Three.js landscape that stays quiet behind a subject — a noise heightfield on a polar grid so resolution follows the lens, ground coloured by slope and moisture rather than by texture, instanced GPU grass whose wind costs nothing on the CPU, scattered stones, a gradient sky dome, a star field you can actually see, and a time-of-day system that cross-fades instead of cutting. Use for hero backdrops, product stages, scroll worlds, or any scene where a building, object, or figure has t
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtothreejs-towers
Generate architecture procedurally in Three.js and film it assembling — a small geometry vocabulary that builds pagodas, castles, domes and spires from parameters instead of mesh files, hip roofs with flying eaves driven by a single profile function, and a clipping-plane build animation where everything below a rising line is finished work and scaffolding stands above it. Use for construction studies, architectural title sequences, procedural landmarks, or any hero object that should build itsel
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtothreejs-weather
Put weather into a Three.js scene that reads as weather — rain anchored inside the frustum, a storm that is the rain leaned on rather than a second system, lightning on its own light with thunder scheduled by distance, snow that blows up into blizzards and keeps settling until the ground goes white, wet ground with puddles and splashes, and looping ambience that has no seam. Use for scene atmosphere, seasonal states, hero backdrops, or any world where clear/rain/storm/snow needs to be a control
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtounsplash-asset-images
Use when you need to pick high-quality Unsplash images for product/design assets (avatars, headshots, portraits, large website backgrounds, and abstract wallpapers) and output real Unsplash URLs plus practical instructions for producing the right resolutions and aspect ratios (1:1, 4:5, 3:4, 16:9, 9:16).
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtowebgl-landing-steering
Use when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion clarity, performance, and implementation complexity.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.
mengtowebgl-laser
Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam. Use only for laser background effects, not full page layout, copy, generic hero scenes, particles, or unrelated motion systems.
- installations
- 2
- GitHub Stars
- 6,7 k
- Mis à jour
- 6 oct.