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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 5864
- 更新日
- 8月28日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 7021
- 更新日
- 10月25日
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.
- 導入数
- 2
- GitHub Stars
- 6912
- 更新日
- 10月18日
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.
- 導入数
- 2
- GitHub Stars
- 6790
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtosolar-duotone-bold
Use Iconify Solar Duotone Bold icon style.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 5864
- 更新日
- 8月28日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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).
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日