RADAR DE SKILLS · GITHUB
Agent Skills úteis, classificados pelo uso real.
Compare Skills verificados por finalidade, conteúdo do pacote, instalações e evidências da fonte antes de adicioná-los.
- ESCOPO DO CATÁLOGO
- VERIFICADO
- Skills
- 16.221
- repositórios
- 2602
- última sincronização
- 14 de out. de 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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
mengtoatmosphere-background
Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
mengtobackground-grid-webgl
Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
mengtocompany-logos
Use Iconify Simple Icons logos (64x64) instead of text logos.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
mengtocorner-lasers
Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.
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.
- instalações
- 2
- GitHub Stars
- 6,7 mil
- Atualizado
- 6 de out.