Skills

All Skills

modal

Skills tagged with #modal

@poco-ai

MiniMax Multi-Modal Toolkit

Generate voice, music, video, and image content via MiniMax APIs — the unified entry for **MiniMax multimodal** use cases (audio + music + video + image). Includes voice cloning & voice design for custom voices, image generation with character reference, and FFmpeg-based media tools for audio/vide

poco-ai/poco-claw
5mo ago
1.3K0
@DanielPodolsky

accessibility-fundamentals

Reviews accessibility including WCAG, ARIA, keyboard navigation. Use when junior builds forms, buttons, modals, interactive elements, or asks "is this accessible", "a11y", "screen reader".

DanielPodolsky/ownyourcode+11 more
5mo ago
1470
@elirantutia

ui-dev

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI features, or touching any file in src/renderer/. Use this skill when the user asks to "add a button", "create a modal", "add a dropdown", "update the sidebar", "style a component", "add a new UI feature", or any renderer/frontend work.

elirantutia/vibeyard
5mo ago
330
@vercel

chat-sdk

Build multi-platform chat bots with Chat SDK (`chat` npm package). Use when developers want to (1) Build a Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, or WhatsApp bot, (2) Use Chat SDK to handle mentions, direct messages, subscribed threads, reactions, slash commands, cards, modals, files, or AI streaming, (3) Set up webhook routes or multi-adapter bots, (4) Send rich cards or streamed AI responses to chat platforms, (5) Build or maintain a custom adapter or state adapter. Triggers on "chat sdk", "chat bot", "slack bot", "teams bot", "google chat bot", "discord bot", "telegram bot", "whatsapp bot", "@chat-adapter", "@chat-adapter/state-", "custom adapter", "state adapter", "build adapter", and building bots that work across multiple chat platforms.

vercel/chat
5mo ago
1.3K0
@marcus

create-modal

Create declarative modals using the modal library API. Covers modal types (confirm, input, select, form), sections (Text, Buttons, Input, Textarea, Checkbox, List, When, Custom), rendering with OverlayModal, and keyboard/mouse handling. Use when adding modals or dialogs to the application.

marcus/sidecar+11 more
5mo ago
8390
@Fredasterehub

kiln-pipeline

Kiln multi-modal software creation pipeline. Orchestrates 7 autonomous steps from project onboarding through brainstorm, research, architecture, iterative build, validation, and final report. Use when the user invokes /kiln-fire.

Fredasterehub/kiln+1 more
5mo ago
1100
@sailscastshq

Durable UI

Durable UI is the practice of making client-side state and interactions resilient. State should survive page reloads, browser sessions, and — where appropriate — be shareable via URL. Interactive elements like dropdowns and modals should be dismissable in the ways users expect (click outside, Es

sailscastshq/boring-stack+6 more
5mo ago
4910
@Castor6

design-style

Use this skill whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. This includes: - Landing pages, websites, web apps, dashboards, portfolios, or any web UI - UI components (buttons, forms, cards, navbars, modals, etc.) - React, Vue, Next.js, Svelte, or other frontend frameworks - CSS, Tailwind, styled-components, or styling help - Visual improvements or aesthetic upgrades - Requests mentioning frontend, UI, UX, interface, web design, or styling - Adjectives like beautiful, modern, clean, professional, minimalist, dark, brutalist, etc. This skill loads the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to generate distinctive, production-grade frontend code instead of generic UI. IMPORTANT: Trigger proactively for ANY frontend/UI-related request, even if no style is specified.

Castor6/tactus+1 more
5mo ago
2090
@marvinrichter

accessibility-patterns

Web Accessibility (WCAG 2.2): key success criteria (contrast, keyboard, focus, ARIA), ARIA patterns (aria-label/labelledby/describedby, roles, live regions, state attributes), keyboard navigation (focus trap, skip links, roving tabindex), screen reader testing (NVDA/VoiceOver/TalkBack), automated testing (axe-core, axe-playwright, jest-axe), and accessible component patterns (modals, tables, forms, data visualizations).

marvinrichter/clarc+74 more
5mo ago
50
@ZhangHanDong

makepad-router

CRITICAL: Use for ALL Makepad/Robius questions including widgets, layout, events, and shaders. Triggers on: makepad, robius, live_design, app_main, Widget, View, Button, Label, Image, TextInput, ScrollView, RoundedView, SolidView, PortalList, Markdown, Html, TextFlow, layout, Flow, Walk, padding, margin, width, height, Fit, Fill, align, spacing, event, action, Hit, FingerDown, FingerUp, KeyDown, handle_event, click, tap, animator, animation, state, transition, hover, pressed, ease, shader, draw_bg, draw_text, Sdf2d, pixel, gradient, glow, shadow, font, text_style, font_size, glyph, typography, tokio, async, spawn, submit_async, SignalToUI, post_action, apply_over, TextOrImage, modal, collapsible, drag drop, AppState, persistence, theme, Scope, deploy, package, APK, IPA, WASM, cargo makepad, makepad widget, makepad 组件, makepad 按钮, makepad 布局, makepad 事件, makepad 动画, makepad 着色器, 创建组件, 自定义组件, 开发应用, 居中, 对齐, 点击事件, 悬停效果, 渐变, 阴影, 字体大小

ZhangHanDong/makepad-skills+1 more
5mo ago
7180