Track multiple Claude sessions working on one project, check that changes reached main with screenshots and changelog entries, verify the live site, and identify finished sessions, interrupted work, and questions awaiting the user.
中文简介正在准备中。当前显示英语简介。
- Reviewing progress across parallel Claude sessions
- Checking merged changes, changelog images, and the live site
- Archiving finished sessions after preserving screenshots
MengTo/Skills☆ 68422026年10月18日 更新
Create a fixed, full-screen WebGL laser background with a thin white core, brand-colored halo, and soft smoke. Adjust beam placement, glow, fog, and rendering cost while keeping foreground content readable and interactive.
中文简介正在准备中。当前显示英语简介。
- Adding a thin laser behind page content
- Matching laser glow and smoke to brand colors
- Adjusting beam position and smoke density
MengTo/Skills☆ 68422026年10月18日 更新
Add cursor-following water-ripple distortion to existing images using Shaders components. Preserve page content and layout while integrating lazy loading, accessible image fallbacks, and static display when WebGPU is unavailable or reduced motion is enabled.
中文简介正在准备中。当前显示英语简介。
- Adding cursor ripples to a hero image
- Adding interactive distortion to gallery images
- Replacing a cursor-driven spotlight reveal
MengTo/Skills☆ 68422026年10月18日 更新
Design a cohesive dark interface with near-black surfaces, subtle pixel or grain textures, and thin accent-colored laser light. Extend the visual direction across panels, navigation, controls, borders, spacing, and motion while keeping content readable.
中文简介正在准备中。当前显示英语简介。
- Unify a dashboard around a dark visual system
- Add texture and depth to a flat black interface
- Build a hero area around a thin laser motif
MengTo/Skills☆ 68422026年10月18日 更新
Plan or rewrite a landing page for a SaaS product, app, or service around one audience and one action. Produce page structure, headlines, benefit copy, FAQs, layout recommendations, and guidance on search visibility.
中文简介正在准备中。当前显示英语简介。
- Plan a landing page for trial signups
- Align landing page copy with an ad
- Address purchase concerns with evidence and FAQs
MengTo/Skills☆ 68422026年10月18日 更新
Design enterprise AI and automation product pages that explain permissions, approvals, audit records, and recovery from failures. Organize verified metrics and case studies, accessible workflow details, and demo or waitlist forms that clarify what happens next.
中文简介正在准备中。当前显示英语简介。
- Redesigning an enterprise AI product page
- Explaining permissions and approval workflows
- Presenting verified security controls and case studies
MengTo/Skills☆ 68422026年10月18日 更新
Plan or rewrite a SaaS pricing page so visitors can compare options and choose a plan. Produce a page outline, pricing table specifications, FAQs, search metadata, and a layout recommendation based on the offer and audience.
中文简介正在准备中。当前显示英语简介。
- Planning a pricing page for a new SaaS product
- Clarifying differences between pricing plans
- Writing FAQs that address purchase concerns
MengTo/Skills☆ 68422026年10月18日 更新
Create buttons, cards, and panels with diagonally cut corners. It provides CSS shapes, border treatments, and sizing guidance to keep the geometry consistent while preserving readable labels, usable touch targets, and visible keyboard focus.
中文简介正在准备中。当前显示英语简介。
- Creating sci-fi-style controls
- Unifying diagonal corners across cards and panels
- Adding gradient borders to clipped shapes
MengTo/Skills☆ 68422026年10月18日 更新
Design image-led pages with large photographs, visible grid guides, and carefully positioned text and buttons. Coordinate typography, transparent cards, shading, and subtle motion so the image remains prominent while supporting information stays readable.
中文简介正在准备中。当前显示英语简介。
- Designing a large photographic hero section
- Positioning headlines and buttons over images
- Coordinating cards and navigation around photography
MengTo/Skills☆ 68422026年10月18日 更新
Design appointment-based service websites with calm photography, spacious layouts, and clear treatment comparisons. Carry the same visual style through location, practitioner, and time selection, including booking confirmation, validation errors, retries, and preserved choices.
中文简介正在准备中。当前显示英语简介。
- Creating or redesigning a salon or spa website
- Presenting treatments with prices and durations
- Designing booking steps for locations, practitioners, and times
MengTo/Skills☆ 68422026年10月18日 更新
Create a near-black animated canvas background with large square pixels and ordered dithering, a repeating pattern that represents shades. Broad waves and cloud-like forms provide atmosphere behind framed interfaces, hero text, or data displays.
中文简介正在准备中。当前显示英语简介。
- Adding monochrome atmosphere behind a dark interface
- Placing pixelated waves behind hero text
- Creating cloud-like backgrounds for data displays
MengTo/Skills☆ 68422026年10月18日 更新
Create a dark interface built around fine gradient borders, asymmetrical panels, and precise labels. Apply a consistent visual system to page frames, typography, controls, and backgrounds, using restrained monochrome colors and subtle motion.
中文简介正在准备中。当前显示英语简介。
- Defining a consistent dark interface style
- Structuring panels with fine gradient borders
- Designing navigation and active list states
MengTo/Skills☆ 68422026年10月18日 更新
Design a calm, dark workspace with frosted glass panels, multiple columns, and floating information cards. Coordinate navigation, framing, spacing, background depth, and subtle motion into a consistent interface that stacks cleanly on smaller screens.
中文简介正在准备中。当前显示英语简介。
- Designing a dark dashboard or workspace
- Arranging navigation and sidebars around a central view
- Unifying glass panels, buttons, and information cards
MengTo/Skills☆ 68422026年10月18日 更新
Build consistent rows and grids of brand logos using Iconify Simple Icons. Place marks in 64×64 visual boxes, adjust their size and alignment, and add accessible labels where needed for integration lists, partners, or tool badges.
中文简介正在准备中。当前显示英语简介。
- Displaying logos in an integrations grid
- Aligning customer and partner logos
- Giving tool badges a consistent appearance
MengTo/Skills☆ 68422026年10月18日 更新
Create fluid animations where rounded shapes merge as they approach and separate as they move apart. SVG filters combine blur with a cutoff effect to form soft, connected shapes for backgrounds, loaders, or cursor effects.
中文简介正在准备中。当前显示英语简介。
- Adding fluid shapes to a page background
- Creating a merging-blob loading indicator
- Building a soft cursor effect
MengTo/Skills☆ 68422026年10月18日 更新
Design interfaces that combine magazine-style composition with precise technology product details. Use asymmetrical columns, expressive headlines, wide image bands, fine dividers, and restrained accent colors to shape a consistent layout, navigation, and motion style.
中文简介正在准备中。当前显示英语简介。
- Combining editorial composition with a technology product interface
- Arranging large headlines and wide image bands
- Unifying navigation, labels, and information modules
MengTo/Skills☆ 68422026年10月18日 更新
Add subtle two-digit number markers to process steps, feature groups, cards, or editorial sections. Use consistent placement, spacing, and understated typography to provide visual structure while keeping headings and calls to action prominent.
中文简介正在准备中。当前显示英语简介。
- Add subtle numbers to process steps
- Give feature cards consistent corner markers
- Place number markers beside section headings
MengTo/Skills☆ 68422026年10月18日 更新
Design portfolio websites that lead with project work, then introduce the studio and its services. Use distinct editorial chapters, project-specific colors, restrained animation, and a clear contact section to organize the visitor’s journey.
中文简介正在准备中。当前显示英语简介。
- Redesigning a creative studio’s portfolio
- Presenting photography or artwork through project chapters
- Connecting case studies to services and contact
MengTo/Skills☆ 68422026年10月18日 更新
Create landing pages that unfold as visitors scroll, using Lenis and GSAP ScrollTrigger. Combine sequential text reveals, layered sticky cards, backgrounds moving at different speeds, and loading transitions, with reduced-motion and mobile fallbacks.
中文简介正在准备中。当前显示英语简介。
- Create a landing page that unfolds section by section
- Present portfolio projects as layered sticky cards
- Reveal headlines and backgrounds as visitors scroll
MengTo/Skills☆ 68422026年10月18日 更新
Build continuous scrolling rows for logos, testimonials, screenshots, or short tags. The skill explains how to duplicate content, stabilize item widths, soften edges, and accommodate people who prefer reduced motion.
中文简介正在准备中。当前显示英语简介。
- Build a continuously scrolling logo row
- Loop screenshots or testimonials
- Add a moving row of tags or feature chips
MengTo/Skills☆ 68422026年10月18日 更新
Create CSS snippets that gradually fade the horizontal or vertical edges of images, text, or containers. Adjust fade width and opacity, with both standard and Safari mask properties included.
中文简介正在准备中。当前显示英语简介。
- Fade the left and right edges of an image
- Fade text at the top and bottom
- Adjust fade width and opacity
MengTo/Skills☆ 68422026年10月18日 更新
Add subtle vertical guides and small corner squares to web pages using CSS and HTML patterns. Align them with the content width across sections, preserve mobile spacing, and keep the guides from blocking clicks or text selection.
中文简介正在准备中。当前显示英语简介。
- Adding vertical guides along a page's content width
- Framing a hero section or product page
- Marking section corners with small squares
MengTo/Skills☆ 68422026年10月18日 更新
Build chapter-based pages that move sideways as visitors scroll vertically. Deriving each scene from scroll position keeps reverse scrolling, jumps, and reloads consistent, with guidance for transitions, chapter links, keyboard controls, and reduced motion.
中文简介正在准备中。当前显示英语简介。
- Building a horizontal product tour
- Creating a chapter-based scrolling story
- Fixing scene mismatches after jumps or reloads
MengTo/Skills☆ 68422026年10月18日 更新
Add a background blur that grows stronger toward the top or bottom of a webpage. Layered CSS masks control the transition, with snippets and guidance for adjusting height, blur strength, stacking order, and rendering cost.
中文简介正在准备中。当前显示英语简介。
- Add a gradual blur along the top edge
- Create a soft blur along the bottom edge
- Adjust blur height and intensity
MengTo/Skills☆ 68422026年10月18日 更新