devinilabs/pro-skill

Mirror of MengTo/Skills — agent skills for Codex, Claude, and Cursor (MIT, © Meng To). Upstream: github.com/MengTo/Skills

This repository also configures its own agents. See what pro-skill tells them →

23Stars on the repository
128Mods indexed here, across every type
25d agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

devinilabs/pro-skill

Skill Codex

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained project reveals, and a decisive contact finale.

not rated 23 +4 25d ago A 63 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Codex

Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospitality brands. Use for warm editorial layouts, serif-led identity, documentary portrait crops, calm treatment selectors, location-aware booking, and operational states that remain elegant and…

not rated 23 +4 25d ago A 61 tokens copy · 100% MIT

editorial-tech

75

devinilabs/pro-skill

Skill Claude CodeCodex

Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility labels, and restrained accent color.

not rated 23 +4 25d ago A 31 tokens copy · 100% MIT

falling-leaves

76

devinilabs/pro-skill

Skill Codex

Build falling leaves that read as leaves, with each one tumbling on its own axis so it presents a face, thins to an edge, and opens out again, and with its sideways slip driven by that same tumble. Covers the 2-D canvas build and the instanced-3-D variant, where leaves are recycled from, density-versus-count maths…

not rated 23 +4 25d ago A 127 tokens copy · 100% MIT

framed-grid-layout

77

devinilabs/pro-skill

Skill Claude CodeCodex

Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment. Use when asked for clean, neutral, precise, structured, editorial, technical, or guide-border web layouts.

not rated 23 +4 25d ago A 53 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Create a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome atmosphere.

not rated 23 +4 25d ago A 34 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Create a dark container-led technical design system with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful futuristic focal objects.

not rated 23 +4 25d ago A 34 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.

not rated 23 +4 25d ago A 34 tokens copy · 100% MIT

glass-dark-ui

81

devinilabs/pro-skill

Skill Claude CodeCodex

Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. Use when asked for glass cards, frosted dark hero sections, blur panels, or dark UI systems with gradient/glow borders.

not rated 23 +4 25d ago A 54 tokens copy · 100% MIT

globe-gl

82

devinilabs/pro-skill

Skill Claude CodeCodex

Use when implementing globe.gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, labels), and integration patterns in plain HTML or React.

not rated 23 +4 25d ago A 51 tokens copy · 100% MIT

globe-particles

83

devinilabs/pro-skill

Skill Claude CodeCodex

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs a premium planetary, orbital, synthesized data-globe effect rendered with real WebGL/Three.js particles, not generic starfields or full page layout changes.

not rated 23 +4 25d ago A 64 tokens copy · 100% MIT

gooey-blob-system

84

devinilabs/pro-skill

Skill Claude CodeCodex

Create a gooey blob system using SVG filters where multiple shapes merge into a single fluid form. Use overlapping circles combined with a Gaussian blur and color matrix filter to produce a continuous, organic mass. The forms should visually fuse and separate based on proximity. Focus on filter-driven merging (blur +…

not rated 23 +4 25d ago A 93 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immersive section transitions.

not rated 23 +4 25d ago A 36 tokens copy · 100% MIT

gsap

86

devinilabs/pro-skill

Skill Claude CodeCodex

Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.

not rated 23 +4 25d ago A 49 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Create a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal accents.

not rated 23 +4 25d ago A 38 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays.

not rated 23 +4 25d ago A 32 tokens copy · 100% MIT

landing-page

89

devinilabs/pro-skill

Skill Claude CodeCodex

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.

not rated 23 +4 25d ago A 46 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.

not rated 23 +4 25d ago A 36 tokens copy · 100% MIT

liquid-metal-border

91

devinilabs/pro-skill

Skill Codex

Add and tune animated liquid-metal WebGL borders with the React metal-fx package. Use when buttons, icon controls, chips, tabs, cards, or selected surfaces need a metallic active, selected, hover, focus, or premium border; when implementing the MetalFx component from metal.jakubantalik.com; or when troubleshooting its…

not rated 23 +4 25d ago A 97 tokens copy · 100% MIT

marquee-loop

92

devinilabs/pro-skill

Skill Claude CodeCodex

Apply seamless infinite marquee loops using duplicated items.

not rated 23 +4 25d ago A 13 tokens copy · 100% MIT

masked-reveal

93

devinilabs/pro-skill

Skill Claude CodeCodex

Create masked staggered word reveals on scroll with GSAP ScrollTrigger. Use when headings, hero copy, section titles, or editorial text should reveal word-by-word through an overflow mask as they enter the viewport.

not rated 23 +4 25d ago A 46 tokens copy · 100% MIT

matterjs

94

devinilabs/pro-skill

Skill Claude CodeCodex

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.

not rated 23 +4 25d ago A 39 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

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…

not rated 23 +4 25d ago A 67 tokens copy · 100% MIT

devinilabs/pro-skill

Skill Claude CodeCodex

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.

not rated 23 +4 25d ago A 37 tokens copy · 100% MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: