all publishers

nota-america

@nota-america source repo

1,914 published skills · page 4 of 20

  1. ▌
    Uninterrupted Work Cycle Designer 2 · nota-america
    Design an uninterrupted work cycle with choice-based activities structured within a realistic time block. Use when planning Montessori-style independent work periods or extended choice time.
    11 installs
  2. ▌
    Persona Content Creator 2 · nota-america
    Create, organize, and distribute content across Workspace.
    9 installs
  3. ▌
    Persona Project Manager 2 · nota-america
    Coordinate projects — track tasks, schedule meetings, and share docs.
    10 installs
  4. ▌
    Recipe Block Focus Time 2 · nota-america
    Create recurring focus time blocks on Google Calendar to protect deep work hours.
    10 installs
  5. ▌
    Recipe Create Task List 2 · nota-america
    Set up a new Google Tasks list with initial tasks.
    10 installs
  6. ▌
    Recipe Email Drive Link 2 · nota-america
    Share a Google Drive file and email the link with a message to recipients.
    9 installs
  7. ▌
    Recipe Find Large Files 2 · nota-america
    Identify large Google Drive files consuming storage quota.
    9 installs
  8. ▌
    Tune Enemy AI 2 · nota-america
    Build, debug, balance, or test combat enemy AI for playable action games. Use for aggro, target selection, navigation, spacing, attack choices, telegraphs, retreats, boss behavior, behavior-state machines, and deterministic AI regression tests.
    9 installs
  9. ▌
    Animation On Scroll 2 · nota-america
    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.
    8 installs
  10. ▌
    CSS Border Gradient 2 · nota-america
    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.
    8 installs
  11. ▌
    Liquid Metal Border 2 · nota-america bundle
    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 presets, themes, strength, glow, reflections, sizing, radius, animation, accessibility, SSR, or performance.
    9 installs
  12. ▌
    Reveal Hover Effect 2 · nota-america bundle
    Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover-to-color, before-and-after, x-ray, material, texture, product-detail, and illustrated hero effects where a desaturated or embossed base image should remain visible while another treatment follows an eased pointer.
    7 installs
  13. ▌
    Chroma 2 · nota-america bundle
    Open-source embedding database for AI applications. Store embeddings and metadata, perform vector and full-text search, filter by metadata. Simple 4-function API. Scales from notebooks to production clusters. Use for semantic search, RAG applications, or document retrieval. Best for local development and open-source projects.
    9 installs
  14. ▌
    Qdrant Vector Search 2 · nota-america bundle
    High-performance vector similarity search engine for RAG and semantic search. Use when building production RAG systems requiring fast nearest neighbor search, hybrid search with filtering, or scalable vector storage with Rust-powered performance.
    3 installs
  15. ▌
    Ralph Wiggum 2 · nota-america bundle
    Support files for Ralph Wiggum loop commands and setup.
    6 installs
  16. ▌
    Slack Gif Creator 2 · nota-america bundle
    Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
    7 installs
  17. ▌
    Developmental Band System Designer 2 · nota-america
    Design a developmental band system mapping student growth from early childhood through upper secondary. Use when building competency-based curriculum architecture for a school or programme.
    9 installs
  18. ▌
    Ecological Inquiry Anchor Designer 2 · nota-america
    Design an inquiry sequence anchored in a local ecosystem that embeds science or geography curriculum content. Use when teaching through local living systems like gardens, ponds, or hedgerows.
    9 installs
  19. ▌
    Formative Assessment Loop Designer 2 · nota-america
    Design an adaptive assessment loop where each student response triggers the next instructional move. Use when building technology-enhanced formative assessment cycles.
    12 installs
  20. ▌
    Outdoor Learning Sequence Designer 2 · nota-america
    Design a structured outdoor learning sequence embedding curriculum objectives in an available outdoor space. Use when planning lessons in school grounds, parks, or local natural environments.
    11 installs
  21. ▌
    Practice Problem Sequence Designer 2 · nota-america
    Generate a scaffolded sequence of practice problems with graduated difficulty and strategic variability. Use when creating worksheets, homework sets, or independent practice materials.
    6 installs
  22. ▌
    Self Regulation Scaffold Generator 2 · nota-america
    Generate scaffolds supporting student self-regulation across planning, monitoring, and evaluation phases. Use when students struggle to manage their own learning during extended or independent tasks.
    10 installs
  23. ▌
    Persona Customer Support 2 · nota-america
    Manage customer support — track tickets, respond, escalate issues.
    9 installs
  24. ▌
    Recipe Create Meet Space 2 · nota-america
    Create a Google Meet meeting space and share the join link.
    10 installs
  25. ▌
    Recipe Post Mortem Setup 2 · nota-america
    Create a Google Docs post-mortem, schedule a Google Calendar review, and notify via Chat.
    11 installs
  26. ▌
    Recipe Save Email To Doc 2 · nota-america
    Save a Gmail message body into a Google Doc for archival or reference.
    11 installs
  27. ▌
    Article Prompts To Skills 2 · nota-america bundle
    Convert an article, tutorial, or prompt pack into focused reusable AgentSkills, one independent capability per skill, with portable instructions, example prompts, working demos, preview screenshots, validation, gallery updates, and a narrow commit. Use when the user asks to turn an article's prompts, tutorial sections, design patterns, interactions, or workflow ideas into complete skills rather than leaving them as prose.
    7 installs
  28. ▌
    Publish Project To Github 2 · nota-america bundle
    Package a finished local project into an intentional GitHub repository, create a strong README and visual preview, push it safely, configure a public GitHub Pages URL when the project is compatible, and verify the deployed result. Use when a user asks to upload, publish, open-source, share, or turn a local HTML/CSS/JavaScript experiment or small web project into a documented GitHub repository with a live demo.
    11 installs
  29. ▌
    Ship Web Games 2 · nota-america
    Package, deploy, and verify a playable Three.js or web game. Use for release builds, asset delivery, private/public deployment, production smoke tests, browser proof, release notes, rollback readiness, and cleanup of temporary QA resources.
    8 installs
  30. ▌
    Azure Deploy 2 · nota-america bundle
    Execute Azure deployments for ALREADY-PREPARED applications that have existing .azure/deployment-plan.md and infrastructure files. DO NOT use this skill when the user asks to CREATE a new application — use azure-prepare instead. This skill runs azd up, azd deploy, terraform apply, and az deployment commands with built-in error recovery. Requires .azure/deployment-plan.md from azure-prepare and validated status from azure-validate. WHEN: "run azd up", "run azd deploy", "execute deployment", "push to production", "push to cloud", "go live", "ship it", "bicep deploy", "terraform apply", "publish to Azure", "launch on Azure". DO NOT USE WHEN: "create and deploy", "build and deploy", "create a new app", "set up infrastructure", "create and deploy to Azure using Terraform" — use azure-prepare for these.
    7 installs
  31. ▌
    Figma Create New File 2 · nota-america bundle
    Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)
    7 installs
  32. ▌
    Figma Generate Design 2 · nota-america bundle
    Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
    8 installs
  33. ▌
    Security Threat Model 2 · nota-america bundle
    Repository-grounded threat modeling that enumerates trust boundaries, assets, attacker capabilities, abuse paths, and mitigations, and writes a concise Markdown threat model. Trigger only when the user explicitly asks to threat model a codebase or path, enumerate threats/abuse paths, or perform AppSec threat modeling. Do not trigger for general architecture summaries, code review, or non-security design work.
    9 installs
  34. ▌
    AI Expertise Interrogation Designer 2 · nota-america
    Design a Funhouse Mirror activity where students use their own domain expertise to detect AI distortions, omissions, and overconfidence. Use when students know a subject well enough to evaluate AI claims about it.
    9 installs
  35. ▌
    Developmental Progression Synthesis 2 · nota-america
    Synthesise completed KUD charts into a developmental progression matrix and per-competency narrative sections. Use when you need a programme-level view of how knowledge, understanding, and performance develop across bands.
    10 installs
  36. ▌
    Elaborative Interrogation Generator 2 · nota-america
    Generate elaborative interrogation prompts that deepen encoding through targeted why and how questions. Use when students memorise without understanding or need deeper processing of content.
    9 installs
  37. ▌
    Motivation Diagnostic Task Redesign 2 · nota-america
    Diagnose motivation problems in a task using self-determination theory and redesign for autonomy, competence, and relatedness. Use when students are disengaged, resistant, or going through the motions.
    10 installs
  38. ▌
    Place Based Curriculum Orchestrator 2 · nota-america
    Present pathway options and orchestrate place-based curriculum design from a local place, curriculum requirement, or community issue. Use when place should become a primary text for learning.
    8 installs
  39. ▌
    Gws Workflow Meeting Prep 2 · nota-america
    Google Workflow: Prepare for your next meeting: agenda, attendees, and linked docs.
    7 installs
  40. ▌
    Persona Event Coordinator 2 · nota-america
    Plan and manage events — scheduling, invitations, and logistics.
    8 installs
  41. ▌
    Recipe Compare Sheet Tabs 2 · nota-america
    Read data from two tabs in a Google Sheet to compare and identify differences.
    8 installs
  42. ▌
    Recipe Reschedule Meeting 2 · nota-america
    Move a Google Calendar event to a new time and automatically notify all attendees.
    9 installs
  43. ▌
    Stitched Full Page Capture 2 · nota-america bundle
    Capture or repair reliable full-page screenshots for lazy-loaded, scroll-animated, Framer, WebGL/canvas, or reveal-heavy web pages. Use when full-page screenshots are blank, gray, white, sparse, show a tiny content strip, disagree with a working scroll video, or when article evidence/section crops must be derived from a trustworthy full-page image.
    9 installs
  44. ▌
    Create Game Vfx 2 · nota-america
    Create readable, performance-safe Three.js game visual effects. Use for attacks, impacts, damage feedback, status effects, spell trails, particles, shaders, telegraphs, quality tiers, and reduced-motion alternatives.
    9 installs
  45. ▌
    Atmosphere Background 2 · nota-america
    Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.
    8 installs
  46. ▌
    Background Grid Webgl 2 · nota-america
    Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.
    9 installs
  47. ▌
    Glass Dark Mode Clock 2 · nota-america
    Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.
    13 installs
  48. ▌
    Pointer Trail Emitter 2 · nota-america bundle
    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 fallbacks, and why moving the emitter to a DOM overlay to raise its z-index costs more than it buys. Use for cursor wisps, pointer sparks, embers, magic trails, comet tails, plankton, dust, or any mote trail that must stay legible however fast the hand moves.
    9 installs
  49. ▌
    Staggered Word Reveal 2 · nota-america
    Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport. Use for premium portfolio headlines, hero copy, section intros, and short marketing text that needs a cinematic staggered reveal with IntersectionObserver or in-view detection.
    8 installs
  50. ▌
    Mlflow 2 · nota-america bundle
    Track ML experiments, manage model registry with versioning, deploy models to production, and reproduce experiments with MLflow - framework-agnostic ML lifecycle platform
    8 installs
  51. ▌
    Pinecone 2 · nota-america bundle
    Managed vector database for production AI applications. Fully managed, auto-scaling, with hybrid search (dense + sparse), metadata filtering, and namespaces. Low latency (<100ms p95). Use for production RAG, recommendation systems, or semantic search at scale. Best for serverless, managed infrastructure.
    8 installs
  52. ▌
    AI Hallucination Fact Check Protocol 2 · nota-america
    Design a fact-checking protocol for AI-generated text, extending SIFT with AI-specific adaptations for hallucination detection. Use when students need to verify AI claims and citations.
    8 installs
  53. ▌
    Belonging Classroom Culture Designer 2 · nota-america
    Design targeted interventions that strengthen belonging and inclusion for specific classroom dynamics. Use when students feel isolated, cliques form, or new students need integrating.
    7 installs
  54. ▌
    Cross Cultural Task Validity Checker 2 · nota-america
    Check an educational practice or task for cultural bias, WEIRD assumptions, and cross-cultural validity. Use when adapting resources for diverse contexts or questioning universal claims.
    8 installs
  55. ▌
    Experiential Learning Cycle Designer 2 · nota-america
    Structure a direct experience into a full learning cycle with concrete experience, reflection, and conceptual transfer. Use when planning field trips, simulations, or practical tasks.
    6 installs
  56. ▌
    Lesson Observation Protocol Designer 2 · nota-america
    Design a focused lesson observation protocol with specific look-fors and evidence collection methods. Use when planning peer observations, coaching visits, or developmental classroom visits.
    9 installs
  57. ▌
    Metacognitive Monitoring AI Contexts 2 · nota-america
    Design metacognitive checkpoints that prevent AI-assisted learning from bypassing genuine understanding. Use when students use AI tools and may overestimate their own comprehension.
    4 installs
  58. ▌
    Reflective Practice Prompt Generator 2 · nota-america
    Generate structured reflection prompts for a specific teaching experience or professional learning challenge. Use when debriefing lessons, journaling, or preparing for coaching conversations.
    7 installs
  59. ▌
    Wellbeing Learning Connection Mapper 2 · nota-america
    Map evidence-based connections between a wellbeing initiative and specific academic learning outcomes. Use when justifying wellbeing programmes, integrating SEL, or linking pastoral and academic work.
    8 installs
  60. ▌
    Gws Workflow Email To Task 2 · nota-america
    Google Workflow: Convert a Gmail message into a Google Tasks entry.
    10 installs
  61. ▌
    Gws Workflow File Announce 2 · nota-america
    Google Workflow: Announce a Drive file in a Chat space.
    11 installs
  62. ▌
    Gws Workflow Weekly Digest 2 · nota-america
    Google Workflow: Weekly summary: this week's meetings + unread email count.
    9 installs
  63. ▌
    Recipe Backup Sheet As CSV 2 · nota-america
    Export a Google Sheets spreadsheet as a CSV file for local backup or processing.
    9 installs
  64. ▌
    Recipe Create Gmail Filter 2 · nota-america
    Create a Gmail filter to automatically label, star, or categorize incoming messages.
    10 installs
  65. ▌
    Recipe Create Presentation 2 · nota-america
    Create a new Google Slides presentation and add initial slides.
    10 installs
  66. ▌
    Recipe Create Shared Drive 2 · nota-america
    Create a Google Shared Drive and add members with appropriate roles.
    8 installs
  67. ▌
    Recipe Watch Drive Changes 2 · nota-america
    Subscribe to change notifications on a Google Drive file or folder.
    6 installs
  68. ▌
    Audit Reference Originality 2 · nota-america bundle
    Audit a website or digital experience against its supplied source references for originality and plagiarism risk. Use when Codex must compare current or historical site output with reference pages, capture packs, screenshots, copy, brands, numbers, images, assets, videos, layouts, motion, or code; raise evidence-backed red flags; distinguish common visual grammar from distinctive copying; and propose concrete fixes without making unsupported legal claims.
    9 installs
  69. ▌
    HTML To Interaction Prompts 2 · nota-america bundle
    Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts. Use when the user provides an HTML file, exported page, generated-page.html, or local/live reference and asks to extract animation/interactions, create prompts, capture screenshots for each prompt, add them to an article, or commit the resulting article/assets.
    8 installs
  70. ▌
    Dither Laser Dark Mode 2 · nota-america
    Create a dark premium design system that combines near-black surfaces, subtle ordered-dither texture, and a thin accent-colored laser atmosphere.
    9 installs
  71. ▌
    Shaders Cursor Ripples 2 · nota-america bundle
    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.
    8 installs
  72. ▌
    Split Layout Technical 2 · nota-america
    Create a technical split-screen design system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surfaces.
    11 installs
  73. ▌
    Webgl Landing Steering 2 · nota-america bundle
    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.
    12 installs
  74. ▌
    Azure Storage 2 · nota-america bundle
    Azure Storage Services including Blob Storage, File Shares, Queue Storage, Table Storage, and Data Lake. Answers questions about storage access tiers (hot, cool, cold, archive), when to use each tier, and tier comparison. Provides object storage, SMB file shares, async messaging, NoSQL key-value, and big data analytics. Includes lifecycle management. USE FOR: blob storage, file shares, queue storage, table storage, data lake, upload files, download blobs, storage accounts, access tiers, storage tiers, hot cool cold archive, storage tier comparison, when to use storage tiers, lifecycle management, Azure Storage concepts. DO NOT USE FOR: SQL databases, Cosmos DB (use azure-prepare), messaging with Event Hubs or Service Bus (use azure-messaging).
    10 installs
  75. ▌
    Figma Generate Library 2 · nota-america bundle
    Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
    15 installs
  76. ▌
    Figma Implement Design 2 · nota-america bundle
    Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.
    9 installs
  77. ▌
    Playwright Interactive 2 · nota-america bundle
    Persistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.
    8 installs
  78. ▌
    Security Ownership Map 2 · nota-america bundle
    Analyze git repositories to build a security ownership topology (people-to-file), compute bus factor and sensitive-code ownership, and export CSV/JSON for graph databases and visualization. Trigger only when the user explicitly wants a security-oriented ownership or bus-factor analysis grounded in git history (for example: orphaned sensitive code, security maintainers, CODEOWNERS reality checks for risk, sensitive hotspots, or ownership clusters). Do not trigger for general maintainer lists or non-security ownership questions.
    9 installs
  79. ▌
    Experiment Tracking Swanlab 2 · nota-america bundle
    Provides guidance for experiment tracking with SwanLab. Use when you need open-source run tracking, local or self-hosted dashboards, and lightweight media logging for ML workflows.
    8 installs
  80. ▌
    Crewai Multi Agent 2 · nota-america bundle
    Multi-agent orchestration framework for autonomous AI collaboration. Use when building teams of specialized agents working together on complex tasks, when you need role-based agent collaboration with memory, or for production workflows requiring sequential/hierarchical execution. Built without LangChain dependencies for lean, fast execution.
    11 installs
  81. ▌
    Argument Structure Scaffold Generator 2 · nota-america
    Generate argument structure scaffolds using Toulmin, PEEL, or CER frameworks for a specific claim or question. Use when teaching argumentative or analytical writing across any subject.
    11 installs
  82. ▌
    Central Historical Question Evaluator 2 · nota-america
    Evaluate a teacher-drafted central historical question for its capacity to drive genuine historical inquiry. Use when assessing whether a question will generate real evidence-weighing or produce shallow responses.
    7 installs
  83. ▌
    Criterion Referenced Rubric Generator 2 · nota-america
    Generate a criterion-referenced rubric with descriptive performance levels for a task or objective. Use for marking guides and general curriculum contexts. For Manning programmes where Competent = success, use coherent-rubric-logic-builder instead.
    6 installs
  84. ▌
    Explicit Instruction Sequence Builder 2 · nota-america
    Build a complete explicit instruction sequence from teacher modelling through guided practice to independent work. Use when teaching new skills, procedures, or concepts through direct instruction.
    8 installs
  85. ▌
    Sheltered Instruction Lesson Modifier 2 · nota-america
    Modify a lesson plan using SIOP sheltered instruction principles to support language learners across all four skills. Use when planning lessons for classes that include EAL students.
    10 installs
  86. ▌
    Gstack Openclaw Ceo Review 2 · nota-america
    Use when asked to review a plan, challenge a proposal, run a CEO review, poke holes in an approach, think bigger about scope, or decide whether to expand or reduce the plan.
    7 installs
  87. ▌
    Gws Workflow Standup Report 2 · nota-america
    Google Workflow: Today's meetings + open tasks as a standup summary.
    12 installs
  88. ▌
    Recipe Bulk Download Folder 2 · nota-america
    List and download all files from a Google Drive folder.
    4 installs
  89. ▌
    Recipe Create Feedback Form 2 · nota-america
    Create a Google Form for feedback and share it via Gmail.
    10 installs
  90. ▌
    Recipe Draft Email From Doc 2 · nota-america
    Read content from a Google Doc and use it as the body of a Gmail message.
    9 installs
  91. ▌
    Recipe Plan Weekly Schedule 2 · nota-america
    Review your Google Calendar week, identify gaps, and add events to fill them.
    9 installs
  92. ▌
    Recipe Review Overdue Tasks 2 · nota-america
    Find Google Tasks that are past due and need attention.
    8 installs
  93. ▌
    Recipe Share Doc And Notify 2 · nota-america
    Share a Google Docs document with edit access and email collaborators the link.
    10 installs
  94. ▌
    Audit Verify Explain Grade 5 2 · nota-america bundle
    Audit work, verify claims with concrete evidence, and explain the result in simple grade-5 language. Use when the user asks to review, audit, check, verify, explain a change, explain a fix, summarize test results, validate whether something works, or translate technical findings into plain language for non-technical readers.
    7 installs
  95. ▌
    Daily UI Inspiration Capture 2 · nota-america bundle
    Create 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.
    9 installs
  96. ▌
    Add Shader Cursor Trail 2 · nota-america bundle
    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.
    13 installs
  97. ▌
    Dark Glass Clean Layout 2 · nota-america
    Create a dark glass layout system with frosted premium shells, clean multi-column workspace structure, floating data cards, and restrained atmospheric depth.
    9 installs
  98. ▌
    Image First Grid Layout 2 · nota-america
    Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays.
    8 installs
  99. ▌
    Nested Container Frames 2 · nota-america
    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.
    12 installs
  100. ▌
    Orange Clean Paper Saas 2 · nota-america
    Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.
    10 installs