skills.rest
coco-de
coco-deOFFICIAL
Explore all skills by this author →
GitHub

coui-context-menu

Create context menus in CoUI Flutter and Web applications.

Updated Aug 27, 2026
Search Tags:#ui#interaction#flutter#web#context menu#coui
One-click install
npx skills add https://github.com/coco-de/skills --skill coui-context-menu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: coui-context-menu
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-coui/skills/coui-context-menu
Command: npx skills add https://github.com/coco-de/skills --skill coui-context-menu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the creation of context-sensitive menus that appear on right-clicks or long-presses, enhancing user interaction in CoUI applications.

Core Features & Use Cases

  • Dynamic Menus: Easily implement context menus for various UI elements.
  • Actionable Items: Supports standard actions, dividers, disabled states, and destructive actions.
  • Use Case: In a file explorer interface, right-clicking a file could reveal options like 'Open', 'Rename', 'Delete', and 'Copy Path'.

Quick Start

Use the coui-context-menu skill to create a context menu with 'Copy', 'Cut', and 'Paste' options for the provided child widget.

Frequently Asked Questions about coui-context-menu

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a context menu to a Flutter Web application?▼

To add a context menu in a Flutter Web application, use the coui-context-menu skill to wrap your target widget, enabling right-click or long-press triggers to reveal actionable lists like 'Copy' or 'Paste'.

Can I style destructive actions or disable specific items in a CoUI context menu?▼

Yes, you can style destructive actions and disable specific items in a CoUI context menu by customizing the ContextMenuItem component, which supports icons, destructive styling, and disabled states for refined UI control.

What is the best way to create right-click menus for a file explorer interface in Flutter?▼

The best way to create right-click menus for a Flutter file explorer is using the coui-context-menu skill, which allows you to easily implement dynamic options like 'Open', 'Rename', and 'Delete' triggered by user interactions.

How do context menu dividers work when structuring UI interactions in CoUI apps?▼

Context menu dividers in CoUI apps separate actionable items into logical groups within the ContextMenu component, visually organizing lists triggered by right-clicks or long-presses to enhance user interaction clarity.

Does the CoUI context menu support both right-click and long-press triggers for mobile and web?▼

Yes, the CoUI context menu supports both right-click and long-press triggers, ensuring that your Flutter Web and mobile applications provide consistent user interaction patterns across different devices.

Related Skills

Explore More Design & Creative Skills→
vinnie357vinnie357
24

material-design

Implement Material Design 3 theming and components across Android, web, and Flutter.

Community
Intermediate
LaughingJackalopeLaughingJackalope
1

macos-menus-commands

Implement native macOS menu bar, keyboard shortcuts, and AppKit interop for SwiftUI apps.

Community
Intermediate
FaysilAlshareefFaysilAlshareef
4

mudblazor-patterns

Consolidate MudBlazor theming, dialog patterns, and snackbar integration for Blazor control panels.

Community
Intermediate
CodertainmentCodertainment
16

scrcpy-option-ui-builder

Generate UI controls for scrcpy options in Flutter category screens.

Official
Advanced