Skip to content
cccskills

Results for “interaction”

1.2K skills · sorted by relevance

css-non-blocking

FreeSummary

Review CSS loading that delays a page’s first visible content. Help inline essential styles and defer other stylesheets, using preload and media conditions, while checking rendered layouts at different screen widths and interaction states.

  • Investigating CSS that delays initial page display
  • Separating essential styles from styles loaded later
  • Reviewing preload and media-based stylesheet loading
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Guides Avalonia interface layout with Zafiro.Avalonia, using shared styles, reusable components, and purpose-specific containers. Helps reduce repeated XAML, the markup used to define interfaces, and simplify deeply nested layouts.

  • Simplifying deeply nested screen layouts
  • Sharing styles across multiple screens
  • Extracting reusable interface components
sickn33/agentic-awesome-skills47.9KUpdated Oct 19, 2026

Test app interfaces on an Android emulator using ADB, a command-line device tool. Inspect element positions, perform taps and text entry, then check screenshots and React Native logs to verify behavior and investigate layout or interaction bugs.

  • Verify app interfaces after UI changes
  • Investigate layout and interaction bugs
  • Check feature behavior through automated interactions
sickn33/agentic-awesome-skills47.9KUpdated Oct 19, 2026

Structure Avalonia interfaces with Zafiro.Avalonia using shared styles, reusable components, and purpose-built layout containers. Guides reductions in duplicated XAML, the interface markup, and deeply nested layouts, while covering themes, icons, and interaction behavior.

  • Consolidating repeated visual settings into shared styles
  • Simplifying deeply nested screen layouts
  • Extracting repeated layouts into reusable components
davila7/claude-code-templates32.7KUpdated Oct 18, 2026

ux-design

FreeSummary

Write game interface specifications for individual screens, interaction flows, and the HUD, the information shown during play. Also document shared interaction patterns and project-wide accessibility requirements, with section depth guided by project settings.

  • Writing specifications for game screens and navigation flows
  • Designing the HUD information shown during play
  • Documenting shared interaction patterns
Donchitos/Claude-Code-Game-Studios26.9KUpdated Oct 8, 2026

playwright-cli

FreeSummary

Automate browser actions such as filling forms, clicking buttons, and switching tabs. Inspect page snapshots, network requests, and console messages to check website behavior, record interactions, and support work on Playwright tests.

  • Checking form submission and page navigation
  • Investigating browser errors and network requests
  • Recording browser interactions as video
coleam00/Archon23.7KUpdated Oct 18, 2026

Refine interface details such as rounded corners, shadows, typography, icon alignment, and animations. Use concrete implementation rules to improve visual consistency and interaction feedback, with changes documented in before-and-after tables.

  • Refining the appearance of existing UI components
  • Improving button and icon interaction feedback
  • Reviewing entrance and exit animations
kortix-ai/suna20.3KUpdated Oct 18, 2026

ui-mockup

FreeSummary

Create screen mockups at three levels: text wireframes, standalone HTML files, or working prototype pages. Use requirements, existing app styles, and real project data to show layouts and interactions for review or testing.

  • Sketch screen layouts while writing requirements
  • Deliver HTML mockups alongside requirements
  • Test interactions with existing components
mvschwarz/openrig7.8KUpdated Oct 19, 2026

Choose, create, and review software diagrams that explain structure, interactions, workflows, states, or data relationships. Select suitable notation and rendering tools, then plan static exports or interactive views with readable layouts, accessible controls, and validation.

  • Explain login interactions with a sequence diagram
  • Turn a database schema into an entity relationship diagram
  • Document application architecture with C4
openai/plugins7.5KUpdated Oct 8, 2026

Test and debug rendered web apps by reproducing interaction bugs, checking layouts and console errors, making focused fixes, and validating again. Results include screenshots, observed state changes, and a QA report explaining coverage and remaining gaps.

  • Reproducing and fixing broken UI interactions
  • Checking desktop and mobile layouts
  • Investigating blank pages and console errors
openai/plugins7.5KUpdated Oct 8, 2026

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.

The English summary is being prepared. Showing the original description.

MengTo/Skills6.8KUpdated Oct 18, 2026

Analyze a reference video's layout, typography, motion, and interactions to create a detailed prompt for rebuilding or adapting the experience. Include asset requirements, implementation choices, mobile behavior, and alternatives for users who prefer reduced motion.

  • Turn a reference video into a detailed build prompt
  • Describe scroll effects and transitions precisely
  • Plan image and video assets for a recreation
MengTo/Skills6.8KUpdated Oct 18, 2026

Turn a working web effect or interaction into a reusable skill by extracting its core mechanism, documenting tested parameters and pitfalls, and packaging a demo that preserves the reference design and proves the behavior.

  • Reuse a successful scroll effect across projects
  • Package a canvas effect with a working demo
  • Document tested parameters and hard-won fixes
MengTo/Skills6.8KUpdated Oct 18, 2026

Spatial analysis of cell neighborhoods and interactions in IMC data. Covers neighbor graphs, spatial statistics, and interaction testing. Use when analyzing spatial relationships between cell types, testing for neighborhood enrichment, or identifying cell-cell interaction patterns in imaging mass cytometry data.

The English summary is being prepared. Showing the original description.

FreedomIntelligence/OpenClaw-Medical-Skills3.1KUpdated Jul 21, 2026

Specify one micro-interaction completely — trigger, rules, feedback, loops, and modes. Use when handing a single interaction to engineering. For motion craft alone use `animation-principles`; for multi-state components use `state-machine`.

The English summary is being prepared. Showing the original description.

Owl-Listener/designer-skills3KUpdated Sep 6, 2026

Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design", "animation detail", "state transitions", "input feedback", "the interface feels dead", "make the UI feel responsive", or "add polish to interactions". Also trigger when designing form-validation responses, progress indicators, confirmation dialogs, or any element where the user expects immediate feedback. Covers trigger design, state rules, feedback mechanisms, and progressive loops. For overall UI polish, see refactoring-ui. For affordance design, see design-everyday-things.

The English summary is being prepared. Showing the original description.

wondelai/skills2.5KUpdated Sep 11, 2026

Intelligent Core Web Vitals analysis with automated workflows and decision trees. Measures LCP, CLS, INP with guided debugging that automatically determines follow-up analysis based on results. Includes workflows for LCP deep dive (5 phases), CLS investigation (loading vs interaction), INP debugging (latency breakdown + attribution), and cross-skill integration with loading, interaction, and media skills. Use when the user asks about Core Web Vitals, LCP optimization, layout shifts, or interaction responsiveness. Compatible with Chrome DevTools MCP.

The English summary is being prepared. Showing the original description.

nucliweb/webperf-snippets1.5KUpdated Oct 18, 2026

Query protein-protein and gene interaction databases (STRING, BioGRID, IntAct, SIGNOR, Reactome, HuRI, HuMAP, OmniPath, ConsensusPathDB, DIP). Use when building PPI networks, choosing between physical vs functional vs genetic interactions, signed/directed vs undirected, high-throughput vs curated, picking confidence thresholds, aggregating across resources, or navigating license constraints. Encodes the database decision matrix, STRING v12 channel semantics, OmniPath as meta-database, SIGNOR for signed signaling, and per-resource rate limits.

The English summary is being prepared. Showing the original description.

GPTomics/bioSkills1.2KUpdated Aug 15, 2026

Provides utilities for identifying drug-target interactions for sets of small molecule or gene/protein identifiers. The required drug-target interaction information is obained from a local SQLite instance of the ChEMBL database. ChEMBL has been chosen for this purpose, because it provides one of the most comprehensive and best annotatated knowledge resources for drug-target information available in the public domain.

The English summary is being prepared. Showing the original description.

bioMate-AI/biomate-bioconductor-kb797Updated Jun 21, 2026

Systematic 3D interaction calls and differential analysis for Hi-C and HiChIP. The HiC-DC+ (Hi-C/HiChIP direct caller plus) package enables principled statistical analysis of Hi-C and HiChIP data sets – including calling significant interactions within a single experiment and performing differential analysis between conditions given replicate experiments – to facilitate global integrative studies. HiC-DC+ estimates significant interactions in a Hi-C or HiChIP experiment directly from the raw con

The English summary is being prepared. Showing the original description.

bioMate-AI/biomate-bioconductor-kb797Updated Jun 21, 2026

Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art direction, visual hierarchy judgment, design-system fit, color/type/layout suggestions, HTML mockups, SVG icons, handwritten SVG wordmarks, or file-based feedback on existing UI. Trigger on requests like "design a page", "generate design imagery", "give design advice", "optimize this UI", "improve UX", "optimize user flow", "review interaction", "check usability", "reduce friction", "choose the right component", "review this design", "create an icon", "suggest colors", "UI mockup", "visual direction", "lettering", "wordmark", "handwritten logo", or when another agent needs a second opinion on visual or interaction quality.

The English summary is being prepared. Showing the original description.

skillmds/skillmd249Updated Oct 14, 2026

Think and work like an expert Human–Computer Interaction Researcher. Use when a task calls for Human–Computer Interaction Researcher judgment. Reasons from situated context, Fitts/GOMS/KLM, and CHI contribution types; runs contextual inquiry through LMM/CLMM analysis with SUS/NASA-TLX triangulation; uses Prolific/OSF and treats demand characteristics, novelty effects, ordinal misuse, and WEIRD samples as first-class failure modes.

The English summary is being prepared. Showing the original description.

K-Dense-AI/scientific-agents217Updated Oct 3, 2026

CesiumJS interaction and picking - ScreenSpaceEventHandler, multi-key KeyboardEventModifier input actions, Scene.pick, Scene.drillPick, Scene.pickPosition, Scene.snap edge snapping (1.144), mouse and touch events. Use when handling user clicks on the globe, selecting entities or 3D Tiles features, registering modifier-key shortcuts, implementing hover effects, snapping to model edges for measurement, or building drag-based interactions.

The English summary is being prepared. Showing the original description.

CesiumGS/cesiumjs-skills191Updated Sep 14, 2026

Guides the usage of Gemini Interactions API on Gemini Enterprise Agent Platform. Use when the user wants to use the stateful, server-managed Interactions API for multi-turn conversations, background execution, streaming, structured output, and function calling on the Agent Platform.

The English summary is being prepared. Showing the original description.

vaila-multimodaltoolbox/vaila21Updated Oct 19, 2026