“interactive”的搜索结果

Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.

中文简介正在准备中。当前显示英语简介。

• Building interactive interfaces with multiple components
• Creating artifacts with state management and navigation
• Developing interfaces with shadcn/ui components

使用p5.js，通过粒子运动和数学规则创作原创生成艺术。作品配有交互界面，可调整数值、比较变化，使用种子复现相同条件下的画面，并保存为PNG。

• 用代码创作原创艺术
• 尝试粒子与流动效果
• 调整种子和参数比较变化

使用mcp-use设计和实现MCP服务器，让AI调用外部操作与数据。指南涵盖认证、交互界面、错误处理及部署，并引导查阅各功能的配套资料。

• 新建MCP服务器
• 添加操作、数据及可复用提示词
• 构建浏览与选择数据的React界面

指导开发可在ChatGPT内操作的应用，涵盖功能规划、React组件及状态共享的实现。该技能已弃用，并指引用户转向后续技能。

• 梳理ChatGPT应用功能
• 实现与服务器联动的界面
• 与ChatGPT共享界面状态

这是使用mcp-use设计MCP服务器操作、数据资源、可复用提示词及交互界面的旧指南。该技能已弃用，并指引用户迁移至mcp-app-builder。

• 理解现有mcp-use服务器结构
• 查阅Tool、Resource和Prompt示例
• 查看交互式Widget设计

将多个社交平台的指标汇总为单个HTML分析仪表板，支持图表详情、所选时段比较和明暗主题切换，并按现有设计指南统一配色、字体与组件。

• 集中查看多个社交平台的指标
• 比较图表中选定的时段
• 查看图表数据点及相关分析

使用醒目的标题排版与几何卡片，制作瑞士风格的演示型网页。输出为单个HTML文件，并可加入幻灯片导航、明暗主题切换、强调色轮换和注释叠加显示。

• 制作演示型介绍页面
• 制作瑞士风格HTML幻灯片
• 制作可交互的产品发布页面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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