スキルレーダー · GITHUB
実際に使われている Agent Skills。
公開リポジトリの検証済み Skills を比較し、機能、内容、導入状況、出典を確認してから追加できます。
- 掲載範囲
- 検証済み
- Skills
- 16,250
- リポジトリ
- 2615
- 最終同期
- 2026/10/15
mengtohigh-contrast-skeuomorphic-clean
Create a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal accents.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtoimage-first-grid-layout
Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtolight-mode-paper-technical
Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtomatterjs
Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtomesh-gradient-dark-blue-clean
Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black navy foundation, procedural blue mesh atmosphere, disciplined minimal structure, and infrastructural or planetary depth.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtonested-container-clean-agency
Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtonested-container-frames
Create a container-in-container layout system using nested frames. Use an outer centered container with visible vertical boundary lines and corner markers. Inside, place inner containers inset from the edges, each with its own background and rounded frame. Technique: outer container defines global bounds, inner containers use padding to create inset spacing, layered frames (border + background) to separate levels, and consistent spacing between outer frame and inner blocks.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtonumber-details
Add decorative 01, 02, 03 numeric detail markers.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
mengtooperational-enterprise-ai
Create or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback. Use for dark cinematic heroes, hairline grids, metric pauses, expandable solution rows, case-study evidence, security proof, and qualified demo or waitlist handoffs.
- 導入数
- 2
- GitHub Stars
- 6744
- 更新日
- 10月6日
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日
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日
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日
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日