Skip to content
cccskills

Meng To

@MengTo

177 skills1 repository 6.9K

Skills (177)

Refine in search

container-lines

FreeSummary

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/Skills6.9KUpdated Oct 18, 2026

Design a dark interface with purple accents, layered rounded containers, and precise borders. Apply a consistent visual direction to cards, search bars, navigation, and motion, with playful futuristic objects as focal points.

  • Designing a futuristic talent platform
  • Unifying cards, search bars, and navigation
  • Adding purple lighting and animated focal objects
MengTo/Skills6.9KUpdated Oct 18, 2026

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/Skills6.9KUpdated Oct 18, 2026

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/Skills6.9KUpdated Oct 18, 2026

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/Skills6.9KUpdated Oct 18, 2026

Design, implement, tune, and test action combat for web games with clear attack and defense timing. Define reliable hit outcomes, give defensive moves distinct purposes, and verify that visual feedback matches combat results in repeatable scenarios.

  • Tuning attack, guard, and dodge timing
  • Checking hit detection and combat feedback
  • Designing boss phases and defensive choices
MengTo/Skills6.9KUpdated Oct 18, 2026

Apply layered, neutral shadows to cards, form controls, panels, and larger containers using Tailwind classes with custom values. Three prescribed shadow strengths help match visual depth to the size and purpose of each component.

  • Adding subtle depth to form controls and compact cards
  • Styling shadows for panels and popovers
  • Giving hero media and modal-like containers stronger elevation
MengTo/Skills6.9KUpdated Oct 18, 2026

Design dark dashboards with a thin blue laser, soft fog, and frosted glass surfaces. It guides backgrounds, navigation, cards, tables, typography, and gentle motion so the interface follows one consistent visual system.

  • Designing a dark dashboard
  • Unifying glass-style cards and navigation
  • Adding a blue laser background
MengTo/Skills6.9KUpdated Oct 18, 2026

book-serif-index

FreeSummary

Design reading interfaces that resemble archival books, pairing serif text and aged paper surfaces with a dark catalog frame. Organize chapters, notes, and metadata through index navigation, with adjustable texture, page depth, and visual density.

  • Design a book-like reader for literary content
  • Create an archive or manuscript viewing interface
  • Organize research material with indexes and annotations
MengTo/Skills6.9KUpdated Oct 18, 2026

Create SVG illustrations, a scalable vector image format, of people working in airy rooms or terraces. Use thin indigo outlines, mostly white shapes, and restrained color accents, with reusable drawing parts and checks for consistent scenes.

  • Illustrating remote work scenes
  • Depicting team discussions at a whiteboard
  • Creating onboarding illustrations
MengTo/Skills6.9KUpdated Oct 18, 2026

Add subtle mouse-responsive depth to a Three.js hero scene. Smooth pointer movement drives small camera shifts and different object rotations, keeping the subject aligned with nearby text and cards while creating a gentle sense of perspective.

  • Add subtle mouse response to a 3D hero
  • Give foreground and background different movement
  • Keep a moving model aligned with text and cards
MengTo/Skills6.9KUpdated Oct 18, 2026

Draw vintage emblem SVG illustrations for teams, events, and releases. Combine one bold object, a sun disc, carved shadows, and custom lettering in seven flat colors to create badges, posters, or marketing cards.

  • Creating a badge for a team or club
  • Illustrating a release announcement card
  • Designing artwork for stickers or patches
MengTo/Skills6.9KUpdated Oct 18, 2026

Draw SVG illustrations of collaboration, commuting, and focused work using black lines and halftone dots, small dots that create shading. Produce monochrome artwork with hand-drawn contours for onboarding screens, empty states, blog headers, and marketing cards.

  • Illustrating collaboration or review scenes
  • Creating monochrome onboarding illustrations
  • Drawing artwork for empty states or 404 pages
MengTo/Skills6.9KUpdated Oct 18, 2026

Design minimal agency websites around a precise column grid, oversized headlines, generous whitespace, and restrained imagery. Establish a consistent visual direction for service listings, labels, buttons, and subtle motion across architecture, design, or strategy agency pages.

  • Website design for architecture and design agencies
  • Establishing a consistent visual system across pages
  • Structuring service listings with a clear column grid
MengTo/Skills6.9KUpdated Oct 18, 2026

Create SVG illustrations, a scalable vector image format, with thick navy outlines, vivid colors, and chunky depth. Combine a cartoon character with overlapping props for product screens and marketing cards, then render, review, and refine the artwork.

  • Illustrating 404 and error pages
  • Creating onboarding illustrations
  • Designing blog header artwork
MengTo/Skills6.9KUpdated Oct 18, 2026

Create a dark animated backdrop with soft vertical folds of light, layered glow, and a brighter corner or lower edge. Adjust color, density, softness, and drift to build depth while keeping foreground content visually prominent.

  • Adding slowly drifting light curtains to a dark background
  • Matching background glow to a brand accent color
  • Concentrating light near a corner or lower edge
MengTo/Skills6.9KUpdated Oct 18, 2026

Review and refine websites and apps by finding generic decoration, inconsistent visual choices, and interface defects. Preserve the established art direction while improving hierarchy, layout, interaction states, and the connection between design choices and product needs.

  • Removing unnecessary decoration from an existing page
  • Keeping new components consistent with the design system
  • Checking content hierarchy and primary actions
MengTo/Skills6.9KUpdated Oct 18, 2026

Create hand-drawn SVG illustration cards featuring expressive creatures or living objects that represent coding and design ideas. A supplied brush library supports uneven ink outlines, loose watercolor fills, large eyes, and consistent details across a set.

  • Creating a loading illustration with a snail mascot
  • Adding a character illustration to an error page
  • Illustrating a coding concept for a blog header
MengTo/Skills6.9KUpdated Oct 18, 2026

Review websites, apps, screenshots, or design code for redundant decoration, generic patterns, and usability defects. Receive prioritized findings tied to specific evidence, with removal or small corrections that preserve the interface’s existing design direction.

  • Reviewing redundant decoration in a landing page
  • Finding readability and usability issues in screenshots
  • Prioritizing small fixes within the existing design
MengTo/Skills6.9KUpdated Oct 18, 2026

Design and implement web animations that guide attention, explain hierarchy, and confirm actions. Define reusable timing and movement rules, plan coordinated sequences, and account for performance and accessibility settings that reduce motion.

  • Plan entrance animations for a product page
  • Standardize timing and easing across a UI
  • Add hover feedback and navigation transitions
MengTo/Skills6.9KUpdated Oct 18, 2026

ship-web-games

FreeSummary

Prepare and deploy Three.js or other web games from a tested commit, a specific saved code version. Check the live game's controls, assets, and display, then record release evidence and a rollback target.

  • Releasing a tested web game
  • Checking controls and assets in production
  • Recording release evidence and a rollback target
MengTo/Skills6.9KUpdated Oct 18, 2026

Create SVG illustration cards of people working with laptops, screens, and design components. Follow a defined pastel palette, violet frame, thin navy outlines, and overlapping speech bubbles to produce matching artwork for product pages, onboarding, and team content.

  • Create illustrations for support or team pages
  • Add matching artwork to onboarding and 404 screens
  • Draw people designing interfaces or coding
MengTo/Skills6.9KUpdated Oct 18, 2026

Create SVG illustrations centered on one physical object, with white faces, teal sides, dark outlines, and hard shadows. Use this consistent, people-free style for onboarding steps, empty states, feature cards, and product imagery.

  • Object illustrations for empty states
  • Artwork for onboarding steps
  • Cards explaining product features
MengTo/Skills6.9KUpdated Oct 18, 2026

Build subtle animated petals, snow, confetti, or other decorative particles within a single page section. Adjust their movement and density while preserving readable content, limiting device workload, and providing static alternatives for readers who reduce motion.

  • Adding gentle petals or snow to a page section
  • Animating small brand fragments behind content
  • Limiting decorative animation on mobile devices
MengTo/Skills6.9KUpdated Oct 18, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)