Results for “widget”

Implement, review, or improve widgets, Live Activities, and controls using WidgetKit and ActivityKit. Use when building home screen, Lock Screen, or StandBy widgets with timeline providers; when creating interactive widgets with Button/Toggle and AppIntent actions; when adding Live Activities with Dynamic Island layouts (compact, minimal, expanded); when building Control Center widgets with ControlWidgetButton/ControlWidgetToggle; when configuring widget families, refresh budgets, deep links, push-based reloads, or Liquid Glass rendering; or when setting up widget extensions, App Groups, and entitlements.

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

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

Guides development of ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK, covering server tools, React interfaces, and shared state. This skill is deprecated and directs users to mcp-app-builder.

• Plan a ChatGPT app with interactive widgets
• Implement MCP server tools and React widgets
• Manage widget state and context shared with ChatGPT

Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language). Use this skill when: - Creating MCP servers that integrate with M365 Copilot declarative agents - Building rich interactive widgets (React + Fluent UI) that render in Copilot Chat - Implementing tools that return structuredContent for widget rendering - Adapting an existing MCP server to support Copilot widget rendering - Setting up devtunnels for localhost MCP server exposure - Configuring mcpPlugin.json manifests with RemoteMCPServer runtime Do NOT use this skill for general agent development (scaffolding, manifests, deployment) — use declarative-agent-developer instead. This skill is ONLY for MCP server + widget development. Triggers: "MCP server for Copilot", "OpenAI Apps SDK", "Copilot widget", "structuredContent", "MCP plugin", "devtunnels MCP", "OAI app", "widget rendering", "UI widget"

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

Implement, review, or improve WidgetKit widgets and controls. Use when building Home Screen, Lock Screen, StandBy, or CarPlay widgets with timeline providers; configurable widgets with AppIntentTimelineProvider; interactive widgets or Control Center controls with Button/Toggle wiring; WidgetKit push reloads, refresh budgets, deep links, Smart Stack relevance, Liquid Glass/accented rendering, widget extension setup, WidgetBundle, App Groups, and entitlements.

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

Turn existing PromQL or ListTimeSeries queries into Cloud Monitoring chart definitions in textproto, a text format for Protocol Buffers. Generate readable titles, axis labels, units, and plot types, then validate the resulting widget files.

• Create chart definitions from existing monitoring queries
• Set chart titles, axis labels, and units
• Prepare widget definitions for dashboard provisioning

Present hosted widget documents on a connected Mac panel. Use the agent’s widget tool to prepare the document, then control whether the panel is visible and which supported document or local app destination it displays.

• Show a widget document on a connected Mac
• Switch the document displayed in the panel
• Show or hide the panel

Build iOS 26 interfaces with Liquid Glass, a translucent material that blurs backgrounds and responds to interaction. The skill covers buttons, cards, shape-changing transitions, and widgets using SwiftUI, UIKit, and WidgetKit, plus migration from existing blur effects.

• Adding glass-style buttons and cards
• Animating transitions between glass elements
• Adapting widgets to tinted appearance

Use when building PyQt/PySide6 UIs with QtWidgets - display, input and container widgets, buttons, item views like QListWidget and QTableWidget, layout management, or event handling (mouse/keyboard events, event filters, shortcuts)

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

Manages local UI state and side effects in Flutter using the flutter_hooks package (v0.21.x) with HookWidget, useState, useEffect, useMemoized, useAnimationController, and custom hooks. Use this skill when replacing StatefulWidget boilerplate with hooks, reusing stateful UI logic across widgets, managing controller lifecycles (TextEditingController, AnimationController, ScrollController) without manual dispose, implementing countdown timers or subscriptions in widgets, mixing flutter_hooks with Riverpod via HookConsumerWidget, or any time the words 'flutter hooks', 'useEffect', 'useState', 'HookWidget', or 'flutter_hooks' appear in the request.

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

Create interactive visuals that explain code structure, execution flow, and performance comparisons. Use OpenClaw dashboard widgets to keep related metrics, tables, and charts available beyond a single explanation.

• Explain code structure and data flow
• Compare measured performance
• Explore UI mockups interactively

Build MCP servers that let AI access actions and data using mcp-use. The guide covers project setup, reusable prompts, interactive React interfaces, authentication, error handling, and deployment, with reference files for each area.

• Create a new MCP server with mcp-use
• Add actions, data resources, or reusable prompts
• Build interactive React interfaces for browsing and selection

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

Build a floating contact widget as a single HTML file, with a welcome screen, social links, meeting booking link, and offline form. The message field provides an interface that can optionally connect to a backend.

• Adding a contact widget to a portfolio
• Grouping social links and meeting booking
• Showing a contact form while unavailable

Build and troubleshoot ChatGPT apps with an MCP server that exposes tools and an optional interactive widget. Use current official documentation and examples to create scaffolds, configure security settings, and guide local validation and deployment when requested.

• Create a ChatGPT app scaffold from an official example
• Design tools and connect an MCP server to a widget
• Refactor or troubleshoot an existing Apps SDK app

Build sidebars and widgets that receive data updates from their caller. This skill uses a single shared module instance, separate creation and update functions, and stored references to page elements for partial updates.

• Build a sidebar that updates frequently
• Display data supplied by an external controller
• Update selected page elements without rebuilding the whole widget

Reviews WidgetKit code for timeline management, view composition, configurable intents, and performance. Use when reviewing code with import WidgetKit, TimelineProvider, Widget protocol, or @main struct Widget.

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

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

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

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

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

Interactive Flutter Widget implementation assistant that guides you through widget implementation decisions by asking structured questions about state management, widget type (screen/component), and state sharing. Use this skill when you need help determining the appropriate Flutter widget architecture for your implementation.

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

Write or review Dart and Flutter apps with practical patterns for state management, navigation, networking, error handling, and tests. Use code examples to handle missing values, organize widgets, and connect login status to routing.

• Choosing state management for a new Flutter feature
• Reviewing null handling and asynchronous code
• Routing screens based on login status

Increase widget visibility on Apple Watch using RelevanceKit. Use when providing contextual relevance signals for watchOS widgets, declaring time-based or location-based relevance, combining multiple relevance providers, helping the system surface the right widget at the right time on watchOS 26, or routing mixed RelevanceKit/WidgetKit/HealthKit/MapKit Smart Stack scope.

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

visionOS widget patterns including mounting styles, glass/paper textures, proximity-aware layouts, and spatial widget families. Use when creating or adapting widgets for visionOS.

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

Generate WidgetKit widgets for iOS/macOS home screen and lock screen with timeline providers, interactive elements, and App Intent configuration. Use when adding widgets to an app.

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