Skip to content
cccskills

Results for “interactive”

1.4K skills · sorted by relevance

Prepare for the MCPA certification through interactive lessons, local Python labs, diagnostic assessments, and mock exams. Track progress, revisit weak domains, and resume learning, with guided support for learners who do not write code.

  • Starting an MCPA study plan
  • Resuming the next unfinished lesson
  • Learning through guided no-code labs
rohitg00/ai-engineering-from-scratch71.7KUpdated Oct 19, 2026

opentui

FreeSummary

Build interactive terminal screens with OpenTUI using its core API, React, or Solid. Guides framework selection, components, layout, keyboard input, animations, and testing, with references for project setup and troubleshooting.

  • Starting an OpenTUI project with React or Solid
  • Building terminal forms and selection menus
  • Adapting layouts to terminal dimensions
cline/cline70.8KUpdated Oct 20, 2026

d3-viz

FreeSummary

Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.

  • Building charts with custom layouts and styling
  • Creating network diagrams and geographic visualizations
  • Adding tooltips, zooming, and animated transitions
calesthio/OpenMontage70.2KUpdated Oct 17, 2026

agents

FreeSummary

Build voice assistants and conversational characters with ElevenLabs. Configure voices, language models, and external tools, then connect conversations to a website widget or use Twilio integration for outbound phone calls.

  • Creating a voice bot for customer support
  • Embedding a voice assistant on a website
  • Building an interactive voice character
calesthio/OpenMontage70.2KUpdated Oct 17, 2026

sites

FreeSummary

Create or update websites, web apps, and browser games, with layouts suited to desktop and mobile. Deliver the finished site through a verified link and explain who can access it.

  • Create a website that works on phones
  • Build a web app or browser game
  • Turn travel options into an interactive comparison
asgeirtj/system_prompts_leaks69.9KUpdated Oct 20, 2026

taste

FreeSummary

Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.

  • Review design choices before creating a web page
  • Check repetitive card layouts in a dashboard
  • Review typography and color choices in components
asgeirtj/system_prompts_leaks69.9KUpdated Oct 20, 2026

Build an interactive app prototype in React with working clicks, form validation, animated transitions, and navigation across multiple steps. Manage changing screen state so users can try realistic flows and see how the interface responds.

  • Prototype a form with input validation
  • Try navigation across multiple steps
  • Review hover effects and animated transitions
asgeirtj/system_prompts_leaks69.9KUpdated Oct 20, 2026

Build a design system from product code, Figma designs, and brand materials. Organize colors, typography, assets, and writing guidelines, then create reusable React components and interactive screen examples that follow the source designs.

  • Organize brand assets and design guidelines
  • Create reusable React components from existing designs
  • Recreate product screens as an interactive UI kit
asgeirtj/system_prompts_leaks69.9KUpdated Oct 20, 2026

code-review

FreeSummary

Review code changes in a diff, pull request, branch, or file path to identify bugs and cleanup opportunities. Findings include file locations and concrete failure scenarios, with options to apply fixes or post comments.

  • Review uncommitted changes for bugs
  • Check a pull request or branch before merging
  • Find duplicated logic and unnecessary work
asgeirtj/system_prompts_leaks69.9KUpdated Oct 20, 2026

test-tui

FreeSummary

Test changes interactively in Codex's terminal interface. The skill explains how to launch it, save detailed logs for debugging, and send test messages programmatically with text and Enter submitted separately.

  • Check changes in the Codex terminal interface
  • Save detailed logs for debugging
  • Send test messages programmatically
openinterpreter/openinterpreter68.6KUpdated Oct 11, 2026

slideshow

FreeSummary

Create navigable HyperFrames presentations with step-by-step reveals, clickable branches, and speaker notes. You can also turn an existing page into a deck while preserving its visual design, motion, and interactive behavior.

  • Build a pitch deck with speaker notes
  • Reveal key points one step at a time
  • Open supporting slides through clickable areas
heygen-com/hyperframes68.3KUpdated Oct 20, 2026

Write or refactor Remotion components so timing and full-size layout live on the content itself. Reduce redundant wrappers and organize related scenes or clips on shared Studio timeline rows while preserving timing and layout behavior.

  • Put timing directly on scene and media components
  • Refactor redundant Sequence and AbsoluteFill wrappers
  • Group related scenes and clips on shared timeline rows
remotion-dev/remotion65.6KUpdated Oct 20, 2026

add-effect

FreeSummary

Add a new effect to @remotion/effects, including its implementation, package entry points, documentation, interactive demo, and preview images. Follow the package conventions and verify the changes with tests, formatting checks, and builds.

  • Implementing a new effect for @remotion/effects
  • Registering effect imports and parameter types
  • Creating documentation and an interactive effect demo
remotion-dev/remotion65.6KUpdated Oct 20, 2026

docs-demo

FreeSummary

Add interactive animation demos to Remotion documentation pages. This skill covers creating React components, registering playback settings, embedding demos in MDX, and adding controls such as sliders, checkboxes, dropdowns, and text inputs.

  • Add an animation demo to a documentation page
  • Let readers adjust demo values with sliders
  • Configure demo playback settings
remotion-dev/remotion65.6KUpdated Oct 20, 2026

Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.

  • Making titles and images editable in Studio
  • Keeping animation keyframes editable
  • Editing SVG shapes and their transitions visually
remotion-dev/remotion65.6KUpdated Oct 20, 2026

Find the relevant guidance for writing Remotion animations that agents can understand and that remain editable in Studio’s Visual Mode. It points to resources for scene structure, editable styles and animations, and interactive custom components.

  • Find guidance for animations editable in Visual Mode
  • Look up scene structure and editable styles
  • Find instructions for making custom components interactive
remotion-dev/remotion65.6KUpdated Oct 20, 2026

Train and run Uni-Mol Tools models to predict molecular properties from CSV data. Organize experiments into projects, compare model performance, rank results, and manage storage through interactive commands or machine-readable JSON output.

  • Train molecular property models from CSV data
  • Predict properties with a trained model
  • Organize experiments and compare model performance
HKUDS/CLI-Anything55.6KUpdated Sep 22, 2026

gget

FreeSummary

Look up genes, sequences, protein structures, expression patterns, and disease associations across more than 20 bioinformatics resources using command-line tools or Python. Useful for interactive exploration, with results that can be saved for further analysis.

  • Looking up gene details and sequences
  • Exploring protein structures and residue annotations
  • Comparing tissue expression and disease associations
K-Dense-AI/scientific-agent-skills53.2KUpdated Oct 19, 2026

hugging-science

FreeSummary

Find scientific datasets, AI models, methodology posts, and interactive demos through the Hugging Science catalog. Compare candidates for a research task and verify their licenses, input formats, access requirements, and supported ways to run them.

  • Finding models for protein or genome analysis
  • Selecting datasets for scientific machine learning
  • Comparing resource licenses and runtime requirements
K-Dense-AI/scientific-agent-skills53.2KUpdated Oct 19, 2026

Delegate code analysis and implementation in a selected project to Claude Code without an interactive session. The skill reads structured results, reports failures, and supports comparing its findings with another coding agent.

  • Request a code review without changing files
  • Delegate implementation to Claude Code
  • Compare findings from different coding agents
CherryHQ/cherry-studio52.8KUpdated Oct 20, 2026

code-mate-qoder

FreeSummary

Delegate a clearly scoped coding task to Qoder in a specified project without opening its interactive interface. Read the structured JSON response and check its error flag before accepting the result.

  • Ask Qoder to review a specific file without editing
  • Delegate a clearly scoped coding task to Qoder
  • Check errors in Qoder's structured response
CherryHQ/cherry-studio52.8KUpdated Oct 20, 2026

Delegate a bounded task to the local OpenClaw main agent without opening an interactive interface. Run it in an authorized directory, read its structured response, and check for reported errors or timeouts.

  • Requesting a module explanation without edits
  • Delegating a bounded task to local OpenClaw
  • Running work within a specified directory
CherryHQ/cherry-studio52.8KUpdated Oct 20, 2026

code-mate-pi

FreeSummary

Delegate a clearly scoped repository analysis or implementation task to Pi without an interactive session. The skill limits the working directory and available tools, then checks structured output for errors before using the result.

  • Delegate a read-only code diagnosis to Pi
  • Assign Pi an explicitly authorized implementation task
  • Check Pi's structured output for model or tool failures
CherryHQ/cherry-studio52.8KUpdated Oct 20, 2026

Run OpenCode without an interactive interface to analyze a repository or perform requested coding work. Collect its structured output, summarize results and tool errors, or use its response to compare coding agents.

  • Investigating a failing test without edits
  • Delegating project analysis to OpenCode
  • Requesting explicitly authorized code changes
CherryHQ/cherry-studio52.8KUpdated Oct 20, 2026