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

coui-swiper

Implement swipe gestures for dismissing or navigating UI elements in CoUI Flutter and Web applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the creation of dynamic user interfaces where items can be dismissed or navigated through using intuitive swipe gestures.

Core Features & Use Cases

  • Gesture-Based Interaction: Implement swipe-to-dismiss for notifications or swipeable cards.
  • Flexible Navigation: Enable gesture-driven navigation through content like photo galleries or feeds.
  • Cross-Platform Consistency: Provides a unified API for both Flutter and Web applications.

Quick Start

Use the coui-swiper skill to create a dismissible list item in a Flutter app.

Frequently Asked Questions about coui-swiper

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

FAQPage Schema
How do I implement swipe gestures to dismiss UI elements in Flutter?▼

Swipe gestures for dismissing UI elements in Flutter are implemented using the Swiper and SwipeDirection components to handle interactions like dismissing cards or notifications.

Can I use swipe-to-dismiss navigation for both Web and Flutter applications?▼

Yes, swipe-to-dismiss navigation provides a unified API for both CoUI Web and Flutter applications, ensuring cross-platform consistency for interactive UI elements.

What swipe directions are supported for interactive card decks?▼

Interactive card decks support horizontal, vertical, and omnidirectional swiping through the SwipeDirection component, allowing flexible gesture-driven navigation.

How do I configure swipe thresholds for feed content navigation?▼

Swipe thresholds for feed content navigation are configurable within the Swiper component, allowing you to set the gesture distance required to trigger item dismissal or navigation.

Does this swipe gesture skill support swipeable notifications?▼

Yes, the skill directly supports creating swipeable notifications, enabling intuitive swipe-to-dismiss interactions for notification lists in your applications.

Related Skills

Explore More Design & Creative Skills→
rmjamesrmjames
1

Brand Guidelines

Enforce design system tokens for spacing, color, and typography in web interfaces.

Community
Basic
soq123soq123

agent-inbox

Aggregate and filter agent inbox feedback items by status or topic.

Community
Intermediate
laravellaravel
3.6k

tailwindcss-development

Apply Tailwind CSS v4 utilities for styling and responsive layouts.

Official
Intermediate
diegolinharesdiegolinhares

input-keyboard-mouse-touch

Implement keyboard, mouse, and touch input handling in Phaser 4 games.

Community
Intermediate