Skip to content
cccskills

Results for “interactive”

1.4K skills · sorted by relevance

mcp-builder

FreeSummaryAI rating 80

A deprecated guide to building MCP servers with mcp-use, covering callable actions, data resources, reusable prompts, and interactive widgets. It includes design references and code examples, and directs users to the replacement skill, mcp-app-builder.

  • Review the structure of an existing mcp-use server
  • Consult examples of tools, resources, and prompts
  • Explore interactive widget design
Shubhamsaboo/awesome-llm-apps142.4KUpdated Oct 19, 2026

chatgpt-app-builder

FreeSummaryAI rating 70

Develop ChatGPT apps with interactive React widgets using mcp-use and OpenAI Apps SDK. Guidance covers app scope, server tools, shared state, and display settings. This skill is deprecated and points users to mcp-app-builder.

  • Define the scope of a ChatGPT app
  • Build React widgets connected to server tools
  • Share widget state with ChatGPT
Shubhamsaboo/awesome-llm-apps142.4KUpdated Oct 19, 2026

social-media-matrix-tracker-template

FreeSummaryAI rating 100

Build a single HTML dashboard for comparing metrics across social platforms. Include interactive charts, point details, selected-period comparisons, and light or dark themes, while adapting colors, typography, and components to an existing design guide.

  • Reviewing metrics across multiple social platforms
  • Comparing selected periods on charts
  • Exploring chart points and related insights
nexu-io/open-design102.7KUpdated Oct 20, 2026

swiss-creative-mode-template

FreeSummaryAI rating 100

Create a Swiss-inspired presentation page as a single HTML file, using bold typography and geometric cards. The template includes slide navigation, light and dark themes, accent color cycling, and optional annotation overlays without external runtime dependencies.

  • Build a presentation-style landing page
  • Create a Swiss-inspired HTML slide deck
  • Present a launch with interactive navigation
nexu-io/open-design102.7KUpdated Oct 20, 2026

understand

FreeSummary

Analyze project code, configuration, and documentation to build a graph for interactive architecture exploration. It maps components and dependencies, supports Japanese descriptions, and can update the analysis based on changes since the previous analyzed commit.

  • Understand the structure of an unfamiliar project
  • Explore dependencies between components
  • Generate architecture descriptions in Japanese
Egonex-AI/Understand-Anything87.2KUpdated Oct 12, 2026

understand-figma

FreeSummary

Analyze a Figma file and turn its pages, screens, components, instances, and design tokens—shared design values—into an interactive graph. Open the dashboard to explore the file's structure and relationships.

  • Review the structure of a Figma file
  • Explore components, variants, and instances
  • Inspect how shared design values are used
Egonex-AI/Understand-Anything87.2KUpdated Oct 12, 2026

Extract business areas, workflows, and process steps from a codebase and display them as an interactive horizontal flow graph. Use an existing knowledge graph, a map of project components, or run a lightweight scan of project files.

  • Understanding business workflows from code
  • Mapping business areas and process steps
  • Creating a business view from an existing knowledge graph
Egonex-AI/Understand-Anything87.2KUpdated Oct 12, 2026

Turn a structured LLM wiki into an interactive knowledge graph. It maps articles, topics, and sources, then adds entities and inferred relationships to help readers explore connections beyond the wiki’s explicit links.

  • Explore connections across wiki articles
  • Find relationships beyond explicit links
  • View articles and sources by topic
Egonex-AI/Understand-Anything87.2KUpdated Oct 12, 2026

surprise-me

FreeSummary

Discover available skills and combine one to three of them into a single creative piece. Use it for an unexpected presentation, visual artifact, or interactive web experience, drawing on known interests or seasonal themes.

  • Find inspiration through an unexpected creative piece
  • Try a creative combination of available skills
  • Request a playful interactive web experience
bytedance/deer-flow84.2KUpdated Oct 20, 2026

cli-chat

FreeSummary

Send prompts to LLMs from a terminal, display answers as they arrive, or hold an ongoing conversation. Use files or standard input for prompts, choose models, and set system instructions through OmniRoute.

  • Sending a prompt from a terminal
  • Using file contents as a prompt
  • Displaying and saving streaming responses
diegosouzapw/OmniRoute78.8KUpdated Oct 20, 2026

cli-a2a

FreeSummary

Use the command line to send tasks to OmniRoute's A2A server, which supports communication between agents. Inspect execution history and logs, monitor or cancel tasks, and interactively test the JSON-RPC 2.0 communication protocol.

  • Check server status and available skills
  • Invoke a skill with JSON input
  • Inspect task history and logs
diegosouzapw/OmniRoute78.8KUpdated Oct 20, 2026

init-project

FreeSummary

Set up Ruflo in a new repository using an interactive wizard or the standard preset. Create project instructions and configuration files, including MCP server registration so the agent can access the ruflo tools.

  • Introduce Ruflo into a new repository
  • Set up a project with an interactive wizard
  • Initialize configuration using the standard preset
ruvnet/ruflo77.5KUpdated Oct 20, 2026

reduced-motion

FreeSummary

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

  • Checking support for reduced motion settings
  • Reviewing flashing content frequency
  • Finding alternatives to scrolling effects
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review whether interactive web elements work with keyboard navigation. Check Tab order, hidden elements, and focus traps where users cannot move away, then identify specific fixes and ways to verify behavior with browser accessibility tools or assistive technology.

  • Check whether all controls are reachable with Tab
  • Align keyboard focus order with the visual reading order
  • Remove hidden content from the Tab sequence
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review links, buttons, and form fields for duplicate HTML IDs. Identify affected controls, suggest unique IDs, and explain how to verify keyboard navigation, focus movement, and screen reader behavior after the fix.

  • Checking HTML IDs in forms
  • Investigating unexpected keyboard focus
  • Reviewing shared interactive components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

aria-labels

FreeSummary

Check buttons, links, and other controls for clear accessible names, the labels used by assistive technology. Identify missing or vague names and suggest descriptive text or aria-label attributes that explain each action or destination.

  • Find buttons and links with missing names
  • Replace vague labels with descriptive wording
  • Review accessible names in shared components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

accesskeys

FreeSummary

Check a page for duplicate accesskey values, which define keyboard shortcuts for elements. Identify conflicting assignments, suggest unique values or removal, and describe how to verify keyboard behavior with browser accessibility tools or assistive technology.

  • Finding duplicate keyboard shortcut assignments
  • Reviewing keyboard access to interactive elements
  • Checking accessibility after shortcut changes
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review ARIA attributes, which describe interface elements to assistive technology, for invalid values and missing ID references. Get specific corrections and guidance for checking that element states and labels are communicated correctly.

  • Checking ARIA values in interactive components
  • Finding missing IDs referenced by ARIA attributes
  • Reviewing accessibility fixes before release
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Learn to examine compiled programs through one interactive lesson per session. Labs and quizzes cover file formats, machine instructions, program behavior, and analysis tools, while recorded observations provide evidence for completing each lesson and resuming later.

  • Learn to read programs you compiled yourself
  • Study binary formats and machine instructions
  • Check analysis claims against observed output
rohitg00/ai-engineering-from-scratch71.6KUpdated Oct 19, 2026

Learn to create, discover, invoke, secure, evaluate, package, and port Agent Skills through one interactive lesson at a time. Practical checkpoints and quizzes track demonstrated progress in a local file, so later sessions resume where you stopped.

  • Learn to build and invoke a minimal Agent Skill
  • Understand discovery and automatic routing
  • Check permission, sandbox, and trust boundaries
rohitg00/ai-engineering-from-scratch71.6KUpdated Oct 19, 2026

find-your-level

FreeSummary

Take a ten-question interactive quiz across five AI and machine learning areas. Use the results to find a starting point in a 523-lesson curriculum, identify topics to review, and estimate the time for your learning path.

  • Find where to begin studying AI and machine learning
  • Skip familiar material in the curriculum
  • Identify areas that need review
rohitg00/ai-engineering-from-scratch71.6KUpdated Oct 19, 2026

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.6KUpdated 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/cline71KUpdated 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