SKILL RADAR · GITHUB
Useful agent skills, ranked by real adoption.
Browse verified skills from public repositories. Compare what each skill does, package contents, install activity, and source evidence before adding it to your agent.
- CATALOG SCOPE
- VERIFIED
- skills
- 16,221
- repositories
- 2602
- last synced
- Oct 14, 2026
mengtoanimation-on-scroll
Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element animations when they enter the viewport.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoanimation-systems
Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoatmosphere-background
Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoaudit-ai-design-slop
Audit websites, apps, screenshots, mockups, and design code for harmful AI-design clichés, generic generated defaults, and established UI defects. Use when the user wants evidence-backed design feedback, an anti-slop review, or a removal-first cleanup plan without a speculative redesign.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoaura-asset-images
Use when you need high-quality stock-style images from Aura Assets (aura.build/assets) similar to Unsplash for design mockups and marketing: backgrounds, abstract wallpapers, architecture, portraits, and headshots. Includes a workflow for searching by tag on aura.build/assets and returns 5 real image URLs per category plus practical guidance for using different resolutions and aspect ratios.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtobackground-grid-webgl
Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtobeam-glow-states
Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow. Use when a card, button, input, tab, option, task panel, or agent surface needs a restrained traveling or breathing beam; includes installation, imports, prop selection, state wiring, reduced motion, accessibility, and performance and layout guardrails.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoblue-cloudy-clean-modern
Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typography.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoblue-laser-clean-glass-layout
Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtobook-serif-index
Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium catalog frame.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtobright-green-tech-system-webgl
Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL visualization zone.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtobuild-interactive-particle-trail
Build a cursor or touch particle interaction that emits by distance along the traveled segment into a recycled GPU point pool, with optional keyboard-triggered bursts. Use for interactive particle trails, pollen lifted from a surface, dust disturbed by a pointer, hover particle bursts, and discrete motes whose spacing must stay consistent at different gesture speeds.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtobuild-wireframe-scan-reveal
Reveal Three.js geometry with an expanding world-space scan whose wire cage leads the solid surface, then burns away. Use for wireframe scanning, radial mesh reveals, survey pulses, holographic assembly, topology intros, and 3D model entrances where a plain opacity wipe does not explain the form.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtoclean-minimal-beige-light-mode
Create a clean minimal beige light-mode design system with warm neutral shells, quiet process grids, restrained accent color, and elegant low-contrast structure.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtocompany-logos
Use Iconify Simple Icons logos (64x64) instead of text logos.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtocontainer-lines
Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines, editorial grid markers, or small corner-square frame details.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtocorner-diagonals
Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells. Use when a design needs precise geometric framing, sci-fi UI surfaces, clipped-corner controls, or engineered sharp containers instead of rounded pills or plain rectangles.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtocorner-lasers
Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtocss-alpha-masking
Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades (mask-image and -webkit-mask-image). Use when asked for alpha masks, fade edges, or CSS mask gradients.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtocss-border-gradient
Apply subtle gradient-border treatments for premium web surfaces. Use when cards, pricing panels, nav bars, modals, buttons, or hero surfaces need a refined edge highlight without a loud glow.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtodark-blue-contrasting-clean
Create a dark-blue clean design system with strong contrast, cobalt gradient feature blocks, crisp framed structure, and restrained premium glow.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtodark-glass-clean-layout
Create a dark glass layout system with frosted premium shells, clean multi-column workspace structure, floating data cards, and restrained atmospheric depth.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtodesign-action-combat
Design, implement, tune, or test readable tactical action combat for web games. Use for attack timing, guard and dodge windows, hit contact, posture, lock-on, weapons, boss phases, combat feedback, and deterministic combat tests.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6
mengtodesign-first-ui-prompting
Use when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.
- installs
- 2
- GitHub stars
- 6.7K
- Updated
- Oct 6