all publishers

oimiragieo

@oimiragieo source repo

991 published skills · page 1 of 10

  1. ▌
    XLSX 2 · oimiragieo bundle
    Spreadsheet toolkit (.xlsx/.csv). Create/edit with formulas/formatting, analyze data, visualization, recalculate formulas, for spreadsheet processing and analysis.
    0 repo stars
  2. ▌
    Skill Creator 2 · oimiragieo bundle
    Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
    0 repo stars
  3. ▌
    Plan Generator 2 · oimiragieo
    Creates structured plans from requirements. Generates comprehensive plans with steps, dependencies, risks, and success criteria. Coordinates with specialist agents for planning input and validates plan completeness.
    0 repo stars
  4. ▌
    Test Generator 2 · oimiragieo bundle
    Generates test code from specifications, components, and API endpoints. Creates unit tests, integration tests, and E2E tests following project testing patterns and conventions.
    0 repo stars
  5. ▌
    Diagram Generator 2 · oimiragieo bundle
    Generates architecture, database, and system diagrams using Mermaid syntax. Creates visual representations of system architecture, database schemas, component relationships, and data flows.
    0 repo stars
  6. ▌
    Dependency Analyzer 2 · oimiragieo
    Analyzes project dependencies, detects outdated packages, identifies breaking changes, and suggests safe update strategies. Helps maintain dependency health and security.
    0 repo stars
  7. ▌
    Telegram Polling 2 · oimiragieo bundle
    Poll Telegram Bot API for new messages and route commands to agents. Implements 10-command bot with fail-closed allowlist, owner-only tier, two-step approve, audit logging, and replay-prevention offset tracking.
    0 repo stars
  8. ▌
    Web Design Guidelines Vercel · oimiragieo bundle
    Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
    0 repo stars
  9. ▌
    PPTX 2 · oimiragieo bundle
    Presentation toolkit (.pptx). Create/edit slides, layouts, content, speaker notes, comments, for programmatic presentation creation and modification.
    0 repo stars
  10. ▌
    Doc Generator 2 · oimiragieo
    Generates comprehensive documentation from code, APIs, and specifications. Creates API documentation, developer guides, architecture docs, and user manuals with examples and tutorials.
    0 repo stars
  11. ▌
    Sample Agents React Native Design 3 · oimiragieo
    Master 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.
    0 repo stars
  12. ▌
    Sample Agents Wcag Audit Patterns 3 · oimiragieo
    Conduct 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.
    0 repo stars
  13. ▌
    Sample Awesome Penpot Uiux Design 3 · oimiragieo
    Comprehensive 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".
    0 repo stars
  14. ▌
    Mengto Build Threejs Enemy Systems 2 · oimiragieo
    Use 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.
    0 repo stars
  15. ▌
    Mengto Build Threejs Scroll Worlds 2 · oimiragieo
    Use 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.
    0 repo stars
  16. ▌
    Mengto Dark Blue Contrasting Clean 2 · oimiragieo
    Use 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.
    0 repo stars
  17. ▌
    Mengto Funky Purple Container Tech 2 · oimiragieo
    Use 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.
    0 repo stars
  18. ▌
    Mengto Scroll Scrubbed Word Reveal 2 · oimiragieo
    Use 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.
    0 repo stars
  19. ▌
    Mengto Tech Green Dark Mode Modern 2 · oimiragieo
    Use 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.
    0 repo stars
  20. ▌
    Sample Agents Web Component Design 2 · oimiragieo
    Master 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.
    0 repo stars
  21. ▌
    Mengto Nested Container Frames 3 · oimiragieo
    Use 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.
    0 repo stars
  22. ▌
    Mengto Optimize Web Animations 3 · oimiragieo
    Profile, 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.
    0 repo stars
  23. ▌
    Mengto Orange Clean Paper Saas 3 · oimiragieo
    Use 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.
    0 repo stars
  24. ▌
    Mengto Blue Cloudy Clean Modern 3 · oimiragieo
    Use 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.
    0 repo stars
  25. ▌
    Mengto Scroll Progress Timeline 3 · oimiragieo
    Use 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.
    0 repo stars
  26. ▌
    Sample Agents Mobile IOS Design 2 · oimiragieo
    Master 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.
    0 repo stars
  27. ▌
    Sample Agents Responsive Design 2 · oimiragieo
    Implement 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.
    0 repo stars
  28. ▌
    Sample Agents Mobile IOS Design 3 · oimiragieo
    Master 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.
    0 repo stars
  29. ▌
    Sample Agents Responsive Design 3 · oimiragieo
    Implement 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.
    0 repo stars
  30. ▌
    Mengto Ambient Section Particles 2 · oimiragieo
    Use 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.
    0 repo stars
  31. ▌
    Mengto Design First UI Prompting 2 · oimiragieo
    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.
    0 repo stars
  32. ▌
    Mengto Editorial Service Booking 2 · oimiragieo
    Use 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.
    0 repo stars
  33. ▌
    Mengto Operational Enterprise AI 2 · oimiragieo
    Use 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.
    0 repo stars
  34. ▌
    Mengto Scroll World Storytelling 2 · oimiragieo
    Turn 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.
    0 repo stars
  35. ▌
    Sample Agents Interaction Design 2 · oimiragieo
    Design 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.
    0 repo stars
  36. ▌
    Mengto Ambient Section Particles 3 · oimiragieo
    Use 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.
    0 repo stars
  37. ▌
    Mengto Design First UI Prompting 3 · oimiragieo
    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.
    0 repo stars
  38. ▌
    Mengto Editorial Service Booking 3 · oimiragieo
    Use 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.
    0 repo stars
  39. ▌
    Mengto Operational Enterprise AI 3 · oimiragieo
    Use 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.
    0 repo stars
  40. ▌
    Mengto Scroll World Storytelling 3 · oimiragieo
    Turn 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.
    0 repo stars
  41. ▌
    Sample Agents Interaction Design 3 · oimiragieo
    Design 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.
    0 repo stars
  42. ▌
    Mengto Agency Grid Layout Minimal 2 · oimiragieo
    Use 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.
    0 repo stars
  43. ▌
    Mengto Build Mobile Threejs Games 2 · oimiragieo
    Use 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.
    0 repo stars
  44. ▌
    Mengto Light Mode Paper Technical 2 · oimiragieo
    Use 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.
    0 repo stars
  45. ▌
    Sample Agents React Native Design 2 · oimiragieo
    Master 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.
    0 repo stars
  46. ▌
    Sample Agents Wcag Audit Patterns 2 · oimiragieo
    Conduct 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.
    0 repo stars
  47. ▌
    Sample Awesome Penpot Uiux Design 2 · oimiragieo
    Comprehensive 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".
    0 repo stars
  48. ▌
    Mengto Agency Grid Layout Minimal 3 · oimiragieo
    Use 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.
    0 repo stars
  49. ▌
    Mengto Build Mobile Threejs Games 3 · oimiragieo
    Use 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.
    0 repo stars
  50. ▌
    Mengto Light Mode Paper Technical 3 · oimiragieo
    Use 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.
    0 repo stars
  51. ▌
    Threejs Animation 2 · oimiragieo
    Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
    0 repo stars
  52. ▌
    Threejs Materials 2 · oimiragieo
    Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
    0 repo stars
  53. ▌
    Tui Observe First 2 · oimiragieo
    Use when building, fixing, polishing, or comparing any terminal UI — ratatui/crossterm REPLs, agent CLI chrome — or when a TUI shows a frozen spinner, dead keys, duplicated responses, stale cells, flicker, resume failures on dangling tool_use, or when you need side-by-side screenshots against reference CLIs.
    0 repo stars
  54. ▌
    AI Trust Builders 3 · oimiragieo
    Use when designing AI product trust, privacy, or honesty UX — cloud disclosure, voice/mic consent, transcript retention, memory ownership, AI labeling, caveats, or audit footprints. Trigger on disclose cloud, recording consent, watermark, incognito, or data-ownership settings.
    0 repo stars
  55. ▌
    Stitch MCP Design 3 · oimiragieo
    Router for Google Stitch design-to-code in this pack. Use when starting any Stitch workflow, choosing Stitch vs Aura vs Figma vs Claude Design, or before calling generate/edit MCP tools. Enforces ~400 Stitch credits/day. Points to phased pack skills: enhance-prompt → generate-design → extract → build → loop.
    0 repo stars
  56. ▌
    Threejs Animation 3 · oimiragieo
    Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
    0 repo stars
  57. ▌
    Threejs Materials 3 · oimiragieo
    Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
    0 repo stars
  58. ▌
    Tui Observe First 3 · oimiragieo
    Use when building, fixing, polishing, or comparing any terminal UI — ratatui/crossterm REPLs, agent CLI chrome — or when a TUI shows a frozen spinner, dead keys, duplicated responses, stale cells, flicker, resume failures on dangling tool_use, or when you need side-by-side screenshots against reference CLIs.
    0 repo stars
  59. ▌
    Mengto Tailwindcss 2 · oimiragieo
    Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.
    0 repo stars
  60. ▌
    Mengto Webgl Laser 2 · oimiragieo
    Use when adding a fixed full-screen WebGL laser background with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog. Prefer this over mengto-corner-lasers when the beam is a full-viewport WebGL background, not corner ornaments; not for full page layout, copy, or unrelated particle systems.
    0 repo stars
  61. ▌
    Uupm Banner Design 2 · oimiragieo
    Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses uupm-ui-ux-pro-max; host harness may supply image-gen equivalents (ai-artist / ai-multimodal / frontend-design are not in this pack).
    0 repo stars
  62. ▌
    Uupm Design System 2 · oimiragieo
    Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
    0 repo stars
  63. ▌
    Uupm UI UX Pro Max 2 · oimiragieo
    UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js, and HTML/CSS). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.
    0 repo stars
  64. ▌
    Mengto Tailwindcss 3 · oimiragieo
    Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.
    0 repo stars
  65. ▌
    Mengto Webgl Laser 3 · oimiragieo
    Use when adding a fixed full-screen WebGL laser background with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog. Prefer this over mengto-corner-lasers when the beam is a full-viewport WebGL background, not corner ornaments; not for full page layout, copy, or unrelated particle systems.
    0 repo stars
  66. ▌
    Uupm Banner Design 3 · oimiragieo
    Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses uupm-ui-ux-pro-max; host harness may supply image-gen equivalents (ai-artist / ai-multimodal / frontend-design are not in this pack).
    0 repo stars
  67. ▌
    Uupm Design System 3 · oimiragieo
    Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
    0 repo stars
  68. ▌
    Uupm UI UX Pro Max 3 · oimiragieo
    UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js, and HTML/CSS). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.
    0 repo stars
  69. ▌
    Mengto Landing Page 2 · oimiragieo
    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.
    0 repo stars
  70. ▌
    Mengto Marquee Loop 2 · oimiragieo
    Use when applying seamless infinite marquee loops with duplicated items for logo strips, tickers, or continuous horizontal content.
    0 repo stars
  71. ▌
    Mengto Pricing Page 2 · oimiragieo
    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.
    0 repo stars
  72. ▌
    Stitch React Native 2 · oimiragieo
    Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.
    0 repo stars
  73. ▌
    Stitch Taste Design 2 · oimiragieo
    Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
    0 repo stars
  74. ▌
    Threejs Interaction 2 · oimiragieo
    Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
    0 repo stars
  75. ▌
    Mengto Shaders Cursor Ripples 3 · oimiragieo
    Add 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.
    0 repo stars
  76. ▌
    Mengto Split Layout Technical 3 · oimiragieo
    Use 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.
    0 repo stars
  77. ▌
    Mengto Webgl Landing Steering 3 · oimiragieo
    Use 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.
    0 repo stars
  78. ▌
    Mengto Add Shader Cursor Trail 3 · oimiragieo
    Add 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.
    0 repo stars
  79. ▌
    Mengto Dark Glass Clean Layout 3 · oimiragieo
    Use 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.
    0 repo stars
  80. ▌
    Mengto Image First Grid Layout 3 · oimiragieo
    Use 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.
    0 repo stars
  81. ▌
    Sample Awesome Premium Frontend UI 2 · oimiragieo
    Use when crafting immersive, high-performance premium frontend experiences with advanced motion, typography, and architectural craftsmanship (Copilot/agent guidance for polished UI systems).
    0 repo stars
  82. ▌
    Sample Awesome Web Design Reviewer 2 · oimiragieo
    Use 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.
    0 repo stars
  83. ▌
    Mengto Build Threejs Enemy Systems 3 · oimiragieo
    Use 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.
    0 repo stars
  84. ▌
    Mengto Build Threejs Scroll Worlds 3 · oimiragieo
    Use 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.
    0 repo stars
  85. ▌
    Stitch Remotion 3 · oimiragieo
    Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
    0 repo stars
  86. ▌
    Threejs Loaders 3 · oimiragieo
    Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
    0 repo stars
  87. ▌
    Threejs Shaders 3 · oimiragieo
    Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
    0 repo stars
  88. ▌
    Uupm UI Styling 3 · oimiragieo
    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
    0 repo stars
  89. ▌
    Stitch Design Md 2 · oimiragieo
    Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
    0 repo stars
  90. ▌
    Stitch Shadcn UI 2 · oimiragieo
    Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
    0 repo stars
  91. ▌
    Threejs Geometry 2 · oimiragieo
    Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
    0 repo stars
  92. ▌
    Threejs Lighting 2 · oimiragieo
    Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
    0 repo stars
  93. ▌
    Threejs Textures 2 · oimiragieo
    Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
    0 repo stars
  94. ▌
    Stitch Design Md 3 · oimiragieo
    Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
    0 repo stars
  95. ▌
    Stitch Shadcn UI 3 · oimiragieo
    Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
    0 repo stars
  96. ▌
    Threejs Geometry 3 · oimiragieo
    Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
    0 repo stars
  97. ▌
    Threejs Lighting 3 · oimiragieo
    Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
    0 repo stars
  98. ▌
    Threejs Textures 3 · oimiragieo
    Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
    0 repo stars
  99. ▌
    AI Trust Builders 2 · oimiragieo
    Use when designing AI product trust, privacy, or honesty UX — cloud disclosure, voice/mic consent, transcript retention, memory ownership, AI labeling, caveats, or audit footprints. Trigger on disclose cloud, recording consent, watermark, incognito, or data-ownership settings.
    0 repo stars
  100. ▌
    Stitch MCP Design 2 · oimiragieo
    Router for Google Stitch design-to-code in this pack. Use when starting any Stitch workflow, choosing Stitch vs Aura vs Figma vs Claude Design, or before calling generate/edit MCP tools. Enforces ~400 Stitch credits/day. Points to phased pack skills: enhance-prompt → generate-design → extract → build → loop.
    0 repo stars