oimiragieo
- 991 skills
- 0 followers
- 3 weeks ago last updated
- ▌ Matlab · oimiragieo bundleMATLAB and GNU Octave numerical computing for matrix operations, data analysis, visualization, and scientific computing. Use when writing MATLAB/Octave scripts for linear algebra, signal processing, image processing, differential equations, optimization, statistics, or creating scientific visualizations. Also use when the user needs help with MATLAB syntax, functions, or wants to convert between MATLAB and Python code. Scripts can be executed with MATLAB or the open-source GNU Octave interpreter.
- ▌ Pathml · oimiragieo bundleFull-featured computational pathology toolkit. Use for advanced WSI analysis including multiplexed immunofluorescence (CODEX, Vectra), nucleus segmentation, tissue graph construction, and ML model training on pathology data. Supports 160+ slide formats. For simple tile extraction from H&E slides, histolab may be simpler.
- ▌ Plotly · oimiragieo bundleInteractive visualization library. Use when you need hover info, zoom, pan, or web-embeddable charts. Best for dashboards, exploratory analysis, and presentations. For static publication figures use matplotlib or scientific-visualization.
- ▌ Polars · oimiragieo bundleFast in-memory DataFrame library for datasets that fit in RAM. Use when pandas is too slow but data still fits in memory. Lazy evaluation, parallel execution, Apache Arrow backend. Best for 1-100GB datasets, ETL pipelines, faster pandas replacement. For larger-than-RAM data use dask or vaex.
- ▌ Qutip · oimiragieo bundleQuantum physics simulation library for open quantum systems. Use when studying master equations, Lindblad dynamics, decoherence, quantum optics, or cavity QED. Best for physics research, open system dynamics, and educational simulations. NOT for circuit-based quantum computing—use qiskit, cirq, or pennylane for quantum algorithms and hardware execution.
- ▌ Rdkit · oimiragieo bundleCheminformatics toolkit for fine-grained molecular control. SMILES/SDF parsing, descriptors (MW, LogP, TPSA), fingerprints, substructure search, 2D/3D generation, similarity, reactions. For standard workflows with simpler interface, use datamol (wrapper around RDKit). Use rdkit for advanced control, custom sanitization, specialized algorithms.
- ▌ Rowan · oimiragieo bundleCloud-based quantum chemistry platform with Python API. Preferred for computational chemistry workflows including pKa prediction, geometry optimization, conformer searching, molecular property calculations, protein-ligand docking (AutoDock Vina), and AI protein cofolding (Chai-1, Boltz-1/2). Use when tasks involve quantum chemistry calculations, molecular property prediction, DFT or semiempirical methods, neural network potentials (AIMNet2), protein-ligand binding predictions, or automated computational chemistry pipelines. Provides cloud compute resources with no local setup required.
- ▌ Simpy · oimiragieo bundleProcess-based discrete-event simulation framework in Python. Use this skill when building simulations of systems with processes, queues, resources, and time-based events such as manufacturing systems, service operations, network traffic, logistics, or any system where entities interact with shared resources over time.
- ▌ Sympy · oimiragieo bundleUse this skill when working with symbolic mathematics in Python. This skill should be used for symbolic computation tasks including solving equations algebraically, performing calculus operations (derivatives, integrals, limits), manipulating algebraic expressions, working with matrices symbolically, physics calculations, number theory problems, geometry computations, and generating executable code from mathematical expressions. Apply this skill when the user needs exact symbolic results rather than numerical approximations, or when working with mathematical formulas that contain variables and parameters.
- ▌ SEO And Meta Tags In Sveltekit · oimiragieo bundleProvides SEO and Meta Tags guidelines in SvelteKit.
- ▌ Verification Before Completion · oimiragieo bundleGate function preventing unverified completion claims. Use before claiming any task is done.
- ▌ Visual And Observational Rules · oimiragieo bundleDefines the visual aspects of the game and how the player observes the world. This includes map color-coding, screen effects, and the overall simulation style.
- ▌ Aeon · oimiragieo bundleThis skill should be used for time series machine learning tasks including classification, regression, clustering, forecasting, anomaly detection, segmentation, and similarity search. Use when working with temporal data, sequential patterns, or time-indexed observations requiring specialized algorithms beyond standard ML approaches. Particularly suited for univariate and multivariate time series analysis with scikit-learn compatible APIs.
- ▌ Cirq · oimiragieo bundleGoogle quantum computing framework. Use when targeting Google Quantum AI hardware, designing noise-aware circuits, or running quantum characterization experiments. Best for Google hardware, noise modeling, and low-level circuit design. For IBM hardware use qiskit; for quantum ML with autodiff use pennylane; for physics simulations use qutip.
- ▌ Dask · oimiragieo bundleDistributed computing for larger-than-RAM pandas/NumPy workflows. Use when you need to scale existing pandas/NumPy code beyond memory or across clusters. Best for parallel file processing, distributed ML, integration with existing pandas code. For out-of-core analytics on single machine use vaex; for in-memory speed use polars.
- ▌ Gget · oimiragieo bundleFast CLI/Python queries to 20+ bioinformatics databases. Use for quick lookups: gene info, BLAST searches, AlphaFold structures, enrichment analysis. Best for interactive exploration, simple queries. For batch processing or advanced BLAST use biopython; for multi-database Python workflows use bioservices.
- ▌ Pymc Bayesian Modeling · oimiragieo bundleBayesian modeling with PyMC. Build hierarchical models, MCMC (NUTS), variational inference, LOO/WAIC comparison, posterior checks, for probabilistic programming and inference.
- ▌ Shap · oimiragieo bundleModel interpretability and explainability using SHAP (SHapley Additive exPlanations). Use this skill when explaining machine learning model predictions, computing feature importance, generating SHAP plots (waterfall, beeswarm, bar, scatter, force, heatmap), debugging models, analyzing model bias or fairness, comparing models, or implementing explainable AI. Works with tree-based models (XGBoost, LightGBM, Random Forest), deep learning (TensorFlow, PyTorch), linear models, and any black-box model.
- ▌ Vaex · oimiragieo bundleUse this skill for processing and analyzing large tabular datasets (billions of rows) that exceed available RAM. Vaex excels at out-of-core DataFrame operations, lazy evaluation, fast aggregations, efficient visualization of big data, and machine learning on large datasets. Apply when users need to work with large CSV/HDF5/Arrow/Parquet files, perform fast statistics on massive datasets, create visualizations of big data, or build ML pipelines that do not fit in memory.
- ▌ Composer Dependency Management · oimiragieo bundleRules pertaining to Composer dependency management, promoting best practices for declaring and updating dependencies.
- ▌ Comprehensive Type Annotations · oimiragieo bundleRequires detailed type annotations for all Python functions, methods, and class members.
- ▌ Finishing A Development Branch · oimiragieo bundleComplete development with structured merge/PR options. Use when ready to merge or submit work.
- ▌ Pandas Data Manipulation Rules · oimiragieo bundleFocuses on pandas-specific rules for data manipulation, including method chaining, data selection using loc/iloc, and groupby operations.
- ▌ Gtars · oimiragieo bundleHigh-performance toolkit for genomic interval analysis in Rust with Python bindings. Use when working with genomic regions, BED files, coverage tracks, overlap detection, tokenization for ML models, or fragment analysis in computational genomics and machine learning applications.
- ▌ Modal · oimiragieo bundleRun Python code in the cloud with serverless containers, GPUs, and autoscaling. Use when deploying ML models, running batch processing jobs, scheduling compute-intensive tasks, or serving APIs that require GPU acceleration or dynamic scaling.
- ▌ Pymoo · oimiragieo bundleMulti-objective optimization framework. NSGA-II, NSGA-III, MOEA/D, Pareto fronts, constraint handling, benchmarks (ZDT, DTLZ), for engineering design and optimization problems.
- ▌ Pysam · oimiragieo bundleGenomic file toolkit. Read/write SAM/BAM/CRAM alignments, VCF/BCF variants, FASTA/FASTQ sequences, extract regions, calculate coverage, for NGS data processing pipelines.
- ▌ Pytdc · oimiragieo bundleTherapeutics Data Commons. AI-ready drug discovery datasets (ADME, toxicity, DTI), benchmarks, scaffold splits, molecular oracles, for therapeutic ML and pharmacological prediction.
- ▌ Session Transcript Analyzer · oimiragieo bundleParses and merges Claude .jsonl transcripts with debug logs to generate a timeline heuristics report of API limits, context overflows, hook blocks, and tool failures.
- ▌ Subagent Driven Development · oimiragieo bundleExecute plans via autonomous agents with two-stage review per task. Use for complex implementations requiring quality gates.
- ▌ Protocol Reverse Engineering · oimiragieo bundleMaster network protocol reverse engineering including packet analysis, protocol dissection, and custom protocol documentation. Use when analyzing network traffic, understanding proprietary protocols, or debugging network communication.
- ▌ Esm · oimiragieo bundleComprehensive toolkit for protein language models including ESM3 (generative multimodal protein design across sequence, structure, and function) and ESM C (efficient protein embeddings and representations). Use this skill when working with protein sequences, structures, or function prediction; designing novel proteins; generating protein embeddings; performing inverse folding; or conducting protein engineering tasks. Supports both local model usage and cloud-based Forge API for scalable inference.
- ▌ Tauri Native API Integration · oimiragieo bundleRules for integrating Tauri's native APIs in the frontend application.
- ▌ Vercel AI Sdk Best Practices · oimiragieo bundleBest practices for using the Vercel AI SDK in Next.js 15 applications with React Server Components and streaming capabilities.
- ▌
- ▌ Omega Claude CLI · oimiragieo bundleUse when the user wants to use Claude (Claude Code CLI) for analysis, codebases, or brainstorming from another agent. Uses headless Claude Code CLI scripts (no MCP). Triggers on "use Claude", "analyze with Claude", "ask Claude", "brainstorm with Claude".
- ▌ Sample Awesome Penpot Uiux Design · oimiragieo bundleComprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
- ▌ Sample Awesome Premium Frontend UI · oimiragieoUse when crafting immersive, high-performance premium frontend experiences with advanced motion, typography, and architectural craftsmanship (Copilot/agent guidance for polished UI systems).
- ▌ Mengto Shaders Cursor Ripples · oimiragieo bundleAdd cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components. Use when a hero, gallery, or media panel needs a water-ripple mouse effect; when replacing a drifting CSS spotlight or flashlight reveal; or when a prompt says to borrow only the shader interaction from a Shaders.com reference while preserving the current brand, image, copy, and layout.
- ▌ Mengto Split Layout Technical · oimiragieo bundleUse when designing a technical split-screen system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surfaces. Prefer this over mengto-bright-green-tech-system-webgl when dual-panel split framing leads without a bright-green WebGL viz mandate.
- ▌ Mengto Webgl Landing Steering · oimiragieo bundleUse when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion clarity, performance, and implementation complexity.
- ▌ Mengto Add Shader Cursor Trail · oimiragieo bundleAdd the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film grain, and protected by static, touch, accessibility, SSR, and performance fallbacks. Use when a user asks for this shader mouse effect, a halftone cursor trail, an interactive WebGPU hero/contact background, or a reusable cursor-following shader layer in React, Next.js, Vue, Svelte, Solid, or plain web projects.
- ▌ Mengto Dark Glass Clean Layout · oimiragieo bundleUse when building a dark glass multi-column workspace with frosted premium shells, floating data cards, and restrained atmospheric depth. Prefer this over mengto-glass-dark-mode-clock when workspace shells and columns matter, not circular clock dials; prefer over mengto-blue-laser-clean-glass-layout when there is no blue laser atmosphere; prefer over mengto-glass-dark-ui when full workspace layout matters more than gradient-border glass cards; prefer over mengto-framed-tech-dark-border-gradient when frosted glass shells lead, not border-gradient tech frames.
- ▌ Mengto Image First Grid Layout · oimiragieo bundleUse when building an image-led grid with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays. Prefer this over mengto-agency-grid-layout-minimal when photography is the primary plane, not typography-led editorial grids.
- ▌ Mengto Nested Container Frames · oimiragieo bundleUse when implementing a container-in-container layout with an outer centered frame (vertical boundary lines, corner markers) and inset inner containers with their own backgrounds and rounded frames. Prefer this over mengto-nested-container-clean-agency when the technique is structural nested frames, not a full agency visual system.
- ▌ Mengto Optimize Web Animations · oimiragieo bundleProfile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers. Use when the user asks to make animations performant, pause offscreen animations, look for memory leaks, profile pages that slow the computer over time, fix janky scrolling, reduce CPU/GPU use, or repeat the "only play in view" optimization on React/Vite/Next/frontend pages using Codex Browser.
- ▌ Mengto Orange Clean Paper Saas · oimiragieo bundleUse when designing a clean paper-toned SaaS system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces. Prefer this over mengto-clean-minimal-beige-light-mode when orange SaaS accents and product illustration lead.
- ▌ Mengto Blue Cloudy Clean Modern · oimiragieo bundleUse when designing a clean modern light UI with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typography. Prefer this over mengto-clean-minimal-beige-light-mode when sky/cloud blue is the mood, not warm beige paper.
- ▌ Mengto Scroll Progress Timeline · oimiragieo bundleUse when turning an 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—onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives paced by scroll.
- ▌ Sample Agents Mobile IOS Design · oimiragieo bundleMaster iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.
- ▌ Sample Agents Responsive Design · oimiragieo bundleImplement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
- ▌ Mengto Ambient Section Particles · oimiragieo bundleUse when a single section needs a restrained particle atmosphere (petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand fragments) with configurable density, gravity, wind, sway, recycling, pointer disturbance, and reduced-motion fallbacks—without obscuring content.
- ▌ Mengto Design First UI Prompting · oimiragieo bundleUse 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.
- ▌ Mengto Editorial Service Booking · oimiragieo bundleUse when creating or redesigning appointment-based service sites for salons, barbers, spas, wellness studios, clinics, or hospitality—warm editorial layouts, serif-led identity, documentary portraits, calm treatment selectors, location-aware booking, and trustworthy operational states.
- ▌ Mengto Operational Enterprise AI · oimiragieo bundleUse when creating or redesigning enterprise AI, automation, security, or operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback—dark cinematic heroes, hairline grids, metric pauses, expandable solution rows, case-study evidence, security proof, and qualified demo/waitlist handoffs.
- ▌ Mengto Scroll World Storytelling · oimiragieo bundleTurn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js world, or semantic HTML/SVG data and typography. Use when the user asks for a scroll world, fly-through landing page, article-to-website transformation, animated planet, data scrollytelling, video-scrubbed page, connected visual journey, or story-led alternative to ordinary stacked sections.
- ▌ Sample Agents Interaction Design · oimiragieo bundleDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
- ▌ Mengto Agency Grid Layout Minimal · oimiragieo bundleUse when building a minimal agency site with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail. Prefer this over mengto-nested-container-clean-agency when the grid and type lead, not nested shells.
- ▌ Mengto Build Mobile Threejs Games · oimiragieo bundleUse when building, tuning, or QA-testing a Three.js game for mobile web: touch movement and actions, target selection, touch inventory, safe areas, portrait/landscape HUD, battery/performance budgets, and real-device browser verification.
- ▌ Mengto Light Mode Paper Technical · oimiragieo bundleUse when designing a light-mode technical system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals. Prefer this over mengto-orange-clean-paper-saas when bracketed technical framing leads, not orange SaaS product illustration.
- ▌ Sample Agents React Native Design · oimiragieo bundleMaster React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.
- ▌ Sample Agents Wcag Audit Patterns · oimiragieo bundleConduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
- ▌ Mengto Build Threejs Enemy Systems · oimiragieo bundleUse when building or refactoring reusable, data-driven enemy archetype and moveset systems for Three.js action games—content schemas, model/rig conventions, combat timing and contact contracts, runtime state boundaries, placeholders, fixtures, or playthrough validation.
- ▌ Mengto Build Threejs Scroll Worlds · oimiragieo bundleUse when building scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters (scrollytelling, portfolios, product stories, exhibitions, explainers)—not limited to landing pages.
- ▌ Mengto Dark Blue Contrasting Clean · oimiragieo bundleUse when designing a dark-blue clean system with strong contrast, cobalt gradient feature blocks, crisp framed structure, and restrained premium glow. Prefer this over mengto-mesh-gradient-dark-blue-clean when hard cobalt feature blocks and frames lead, not soft mesh gradients.
- ▌ Mengto Funky Purple Container Tech · oimiragieo bundleUse when designing a dark container-led technical UI with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful futuristic focal objects. Prefer this over mengto-nested-container-frames when fuchsia-purple tech playfulness leads, not neutral nested frame technique alone.
- ▌ Mengto Scroll Scrubbed Word Reveal · oimiragieo bundleUse when revealing marked-up text word by word as scroll progress advances while preserving semantic inline links, emphasis, responsive wrapping, and reduced-motion readability—headlines, quotes, manifestos, product statements, onboarding, or editorial passages paced by scroll rather than typing simulation.
- ▌ Mengto Tech Green Dark Mode Modern · oimiragieo bundleUse when building a modern dark technical UI with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow. Prefer this over mengto-bright-green-tech-system-webgl when emerald accents on matte dashboards lead, not a bright-green WebGL visualization zone.
- ▌ Sample Agents Web Component Design · oimiragieo bundleMaster React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.
- ▌ Sample Awesome Web Design Reviewer · oimiragieo bundleUse when asked to review website design, check the UI, fix the layout, or find design problems on a local or remote site — visual inspection for responsive, accessibility, consistency, and layout breakage with source-level fixes.
- ▌ Mengto Build Awwwards Quality Sites · oimiragieo bundleArt-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance safeguards. Use when a user asks for an Awwwards-quality, premium, cinematic, interactive, high-concept, or motion-led website, or explicitly requests this visual and motion system.
- ▌ Mengto Daily UI Inspiration Capture · oimiragieo bundleCreate a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-inspiration-capture/` outputs, Framer/Dribbble landing-page inspiration, motion-study screenshots/videos, AI-builder prompts, duplicate checking, or converting a project runbook into repeatable workflow.
- ▌ Mengto Documentary Brutalist Agency · oimiragieo bundleUse when creating or redesigning creative agency, production studio, architecture, culture, or portfolio sites with billboard typography, hard black-and-white chapters, exposed grids, documentary imagery, irregular collages, restrained parallax, brutalist navigation, and accessible FAQ controls.
- ▌ Mengto Editorial Portfolio Chapters · oimiragieo bundleUse when creating or redesigning creative-studio, agency, photographer, artist, or portfolio sites where project work leads—dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained reveals, and a decisive contact finale.
- ▌ Sample Agents Mobile Android Design · oimiragieo bundleMaster Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
- ▌ Sample Agents Screen Reader Testing · oimiragieoTest web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.
- ▌ Mengto Blue Laser Clean Glass Layout · oimiragieo bundleUse when building a clean dark glass dashboard with a thin blue laser atmosphere, frosted premium shells, and polished multi-panel structure. Prefer this over mengto-dark-glass-clean-layout when the blue laser beam/atmosphere is the signature; prefer over mengto-glass-dark-mode-clock when you need workspace shells, not clock dials; prefer over mengto-glass-dark-ui when laser atmosphere matters more than gradient-border glass cards.
- ▌ Mengto Cinematic Scroll Storytelling · oimiragieo bundleCreate cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll experiences, sticky project stacks, kinetic typography, or section-by-section storytelling.
- ▌ Mengto Mesh Gradient Dark Blue Clean · oimiragieo bundleCreate 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.
- ▌ Mengto Nested Container Clean Agency · oimiragieo bundleUse when building a clean agency system from nested containers — outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color. Prefer this over mengto-nested-container-frames when agency editorial polish leads; prefer over mengto-agency-grid-layout-minimal when nested shells/cards lead, not oversized type grids.
- ▌ Sample Agents Design System Patterns · oimiragieo bundleBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
- ▌ Sample Agents Tailwind Design System · oimiragieo bundleBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
- ▌ Mengto Bright Green Tech System Webgl · oimiragieo bundleUse when building a bright-green technical UI with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL visualization zone. Prefer this over mengto-tech-green-dark-mode-modern when a large WebGL viz panel is central, not just emerald signal accents.
- ▌ Mengto Clean Minimal Beige Light Mode · oimiragieo bundleUse when designing a clean minimal beige light-mode system with warm neutral shells, quiet process grids, restrained accent color, and elegant low-contrast structure. Prefer this over mengto-orange-clean-paper-saas when beige quiet process grids lead, not orange SaaS accents.
- ▌ Mengto Gsap Scrolltrigger Storytelling · oimiragieo bundleUse when building cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, and immersive section transitions. Prefer this over mengto-cinematic-scroll-storytelling when GSAP ScrollTrigger sticky chapters are the implementation path; prefer over mengto-gsap when the job is scroll-story product narrative, not general GSAP usage.
- ▌ Mengto Scroll Scrubbed Visual Sequence · oimiragieo bundleUse when building reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers—hero transformations, product assembly, UI walkthroughs, object rotation, diagrams, or photo sequences that scrub forward and back with native scroll.
- ▌ Mengto Technical Wireframe Info Layout · oimiragieo bundleUse when designing a monochrome technical wireframe system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.
- ▌ Sample Agents Accessibility Compliance · oimiragieo bundleImplement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
- ▌ Mengto Framed Tech Dark Border Gradient · oimiragieo bundleUse when building a framed dark technical system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome atmosphere. Prefer this over mengto-dark-glass-clean-layout when gradient borders and tech frames lead, not frosted glass workspace shells; prefer over mengto-glass-dark-ui when the whole framed layout system is in scope, not isolated glass cards.
- ▌ Mengto High Contrast Skeuomorphic Clean · oimiragieo bundleUse when designing a high-contrast clean skeuomorphic system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal accents. Prefer this over mengto-skeuomorphic-ui when high-contrast molded dark panels lead, not soft-plastic embossed light skeuomorphism.
- ▌ Sample Agents Visual Design Foundations · oimiragieo bundleApply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.
- ▌ Mengto Cinematic Gsap Lenis Motion System · oimiragieo bundleUse when creating premium cinematic web motion with GSAP, ScrollTrigger, and Lenis for luxury editorial sites, creative portfolios, or Awwwards-style interactions: smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover, custom cursors, and mouse-reactive layers.
- ▌ Cinematic 3d Website · oimiragieo bundleUse when building a scroll-driven cinematic 3D landing experience for any brand: AI-generated photoreal frames displaced into real 3D by depth maps, a scroll-scrubbed camera fly-through with weighted-leg pacing and per-leg camera moves, mouse parallax, explode-on-scroll shatter transitions, an ember particle field, warp streaks, a live in-scene terminal that runs a REAL product demo, a branded preloader, an exit handoff into the page below, a self-hosted display typeface, phone gyro parallax, and opt-in synthesized ambient sound. Covers 2K image generation via OpenRouter, depth maps, the WebGL engine, chrome (nav/consent) integration, the observe-first verify loop, and the flag-off ship posture.
- ▌ Mengto Company Logos · oimiragieo bundleUse when replacing text brand marks with Iconify Simple Icons logos at 64x64. Prefer this over mengto-solar-duotone-bold when you need recognizable company/brand logos, not Solar Duotone UI icons.
- ▌ Mengto Corner Lasers · oimiragieo bundleUse when composing corner-anchored laser accents with thin beams, a bright emitter node, bloom, and atmospheric glow or fog. Prefer this over mengto-webgl-laser when lasers are layout corner ornaments, not a fixed full-screen WebGL beam.
- ▌ Mengto Glass Dark UI · oimiragieo bundleUse when asked for dark-mode glassmorphism cards, frosted dark hero sections, blur panels, or glass UI with gradient/glow borders via a pseudo-element mask. Prefer this over mengto-dark-glass-clean-layout when isolated glass cards/borders matter, not multi-column workspace shells; prefer over mengto-glass-dark-mode-clock when there are no clock dials; prefer over mengto-blue-laser-clean-glass-layout when gradient borders matter more than blue laser atmosphere.
- ▌ Mengto Masked Reveal · oimiragieo bundleCreate 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.
- ▌ Mengto Thinking Orbs · oimiragieo bundleAdd 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.
- ▌ Threejs Fundamentals · oimiragieoThree.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
- ▌ UI Fix Observe First · oimiragieo bundleUse when fixing, auditing, improving, or building any web UI — before reading or editing component code. Fires on contrast/a11y/overflow/responsive/hover- focus/layout complaints, polish, audit, or any visual change. Never diagnose a UI defect from code alone: render at real viewports, measure (axe / contrast / a11y tree / console / keyboard / reflow), then cite the measurement.