Results for “widget”

Implement App Intents for Siri, Shortcuts, Spotlight, widgets, Control Center, and Apple Intelligence on iOS. Covers AppIntent actions, AppEntity and EntityQuery models, AppShortcutsProvider phrases, IndexedEntity Spotlight indexing, WidgetConfigurationIntent, SnippetIntent, and assistant schemas. Use when exposing app actions or entities to system surfaces.

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

Implement, review, or improve Live Activities and Dynamic Island experiences in iOS apps using ActivityKit. Use when building real-time updating widgets for the Lock Screen and Dynamic Island — delivery tracking, sports scores, ride-sharing status, workout timers, media playback, or any time-sensitive information that updates in real time. Also use when working with ActivityKit, ActivityAttributes, Activity lifecycle (request/update/end), Dynamic Island layouts (compact/minimal/expanded), push-to-update Live Activities, or Lock Screen live widgets.

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

Use this skill whenever helping someone build, design, or troubleshoot layouts in Elementor Pro V4 using the visual editor. Triggers on ANY mention of Elementor, page builder, Flexbox widget, Div block, section layout, widget configuration, responsive breakpoints, dark mode, scroll animations, Interactions tab, Variables Manager, Class Manager, Custom Code snippets, or any visual design work inside the Elementor panel. Also trigger when someone asks how to position elements, set spacing, apply typography, configure dark mode, prevent FOUC, or build scroll-triggered effects in Elementor. ALWAYS use this skill before suggesting any Elementor V4 implementation — it contains critical V4-specific panel structure, common AI mistakes to avoid, and production-tested patterns.

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

Feature-Sliced Design (FSD、フロントエンドアーキテクチャ手法) リファレンスとルール。 別名 fsd / feature-sliced。layers (app / pages / widgets / features / entities / shared)、 依存方向、Public API、@x 記法 (cross-import)、slice groups (スライスグループ)、 segments (ui / model / api / lib / config)、steiger、Next.js、TanStack Query 連携。 コードレビュー・リファクタリング時に自動参照。

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

Figma REST API / Plugin API / Widget API / Code Connect / MCP Server / Dev Mode リファレンス OAuth / PAT / Plan Access Token, files, folders, variables, VariableComposedColor, webhooks, SCIM, Dev Resources, activity-logs, library-analytics FrameNode, TextNode, ComponentNode, figma.variables, figma.codegen, figma.ui, textWrapStyle, variable fonts Widget useSyncedState, useSyncedMap, usePropertyMenu, AutoLayout Code Connect template files (.figma.ts) / legacy parser / custom parsers / register / Storybook (React / SwiftUI / Compose / HTML) MCP Code to Canvas, Write to Canvas, html_to_figma, generate_image, get_motion_context, generative plugins / shaders, Figma Weave

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

Apple アプリサービス。StoreKit 2 / CloudKit / WidgetKit / ActivityKit / User Notifications / Core Location / MapKit / HealthKit / Sign in with Apple。 Product, Transaction, RequestReviewAction, CKRecord, CKUserIdentity, Widget, TimelineProvider, UNUserNotificationCenter, CLLocationManager, CLServiceSession, Map, MKGeocodingRequest, HKHealthStore, ASAuthorizationController, AuthorizationController。

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

iOS 26 Liquid Glassデザインシステム — ブラー、反射、インタラクティブモーフィングを備えた動的ガラスマテリアル（SwiftUI、UIKit、WidgetKit対応）。

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

Review Flutter and Dart code using a checklist that adapts to the project's state management library. Check interface structure, asynchronous operations, performance, tests, accessibility, and security to identify issues across the application.

• Reviewing a Flutter app before release
• Checking state management design
• Investigating unnecessary screen rebuilds

Build HTML/CSS pages using visual specifications from 54 established websites, including Stripe, Linear, and Vercel. Templates provide colors, typography, spacing, component styles, and layouts that adapt to different screen sizes.

• Creating a landing page inspired by Stripe
• Designing a dashboard inspired by Linear
• Styling a documentation website

Inspect page HTML for metadata tags placed outside the head section, where page settings belong. Identify misplaced tags and guide fixes to templates or scripts that insert them into the body.

• Checking metadata placement after CMS plugin changes
• Finding metadata inserted into the body by JavaScript
• Reviewing robots, description, OG, and canonical placement

Review iframe and frame titles so screen reader users can identify embedded content before entering it. Find missing or empty title attributes, add meaningful descriptions, and verify the changes with browser accessibility tools or assistive technology.

• Checking titles on embedded advertisements and social media widgets
• Reviewing missing or empty iframe title attributes
• Verifying frame identification with a screen reader

Find optional features that slow the first page load and defer their code until a user interacts. Use dynamic imports, which load code on demand, and add immediate loading feedback while preserving the initial page experience.

• Loading a map only when its panel opens
• Deferring an editor until a user activates it
• Reviewing chat widgets that slow initial loading

Review file explorers and other expandable tree interfaces so screen reader users can identify each item. Check descriptive names and expanded states, then suggest fixes using visible text or ARIA attributes, which provide information to assistive technology.

• Reviewing names in a file explorer
• Checking expanded states in nested navigation
• Adding descriptive labels to icon-only tree items

Check form fields for accessible names, the labels used by screen readers and voice controls. Identify missing or placeholder-only labels and suggest fixes using associated labels or ARIA attributes that supply or reference label text.

• Finding missing labels in forms
• Fixing fields that rely only on placeholder text
• Checking names on custom form controls

Review custom tabs, menus, lists, and similar controls for required ARIA child roles, which describe interface elements to assistive technology. Identify missing roles and structural wrappers that prevent screen readers from recognizing the items.

• Reviewing the structure of custom tabs and menus
• Investigating items missing from screen reader output
• Checking lists and selectors built with div or span elements

Review ARIA roles, labels that tell assistive technology what page elements do, and correct invalid values. Prefer standard HTML controls where suitable, then check keyboard behavior, focus movement, and screen reader output to verify the changes.

• Finding invalid or misspelled ARIA role values
• Replacing custom widgets with standard HTML controls
• Reviewing accessibility in shared UI components

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

Find and compare restaurants, hotels, parks, shops, and local services in a specified area. Check details such as opening hours and photos, then present relevant options with a map when the required location data is available.

• Find restaurants that match an area and food preference
• Compare hotels or cafes in a neighborhood
• Check a venue's opening hours and photos

Provide Jarvis with a static catalog of system voices through the included voice_source.json file. This skill supplies reference data only; it does not provide a workflow for choosing voices, handling voice requests, or creating widgets.

• Supply Jarvis with its system voice catalog
• Check the catalog file included with the skill
• Determine whether the skill includes a voice-selection workflow

Turn a talking-head or selfie recording into a vertical video about a Muse experience. Preserve the original narration while showing synchronized chat exchanges, actual work outputs, interface elements, and message sounds to create a shareable clip.

• Turning a Muse experience recording into a vertical clip
• Adding chat exchanges in sync with narration
• Showing actual pages and files alongside a creator's story

Plan and build an MCP server, a connection that lets Claude use external tools. Choose hosting, tool structure, authentication, and a framework, then scaffold a server or hand off to specialized packaging and interface skills.

• Connect a cloud API to Claude
• Choose how to run and distribute an MCP server
• Organize tools for an API with many actions

Find and edit specific fields in OpenMAIC classroom documents. This skill maps pages, content, and playback actions to their data locations, guides small changes, and checks saved results, with references for quizzes, interactive content, and projects.

• Locate the field behind classroom text or narration
• Correct quiz options and answers
• Replace a small passage in interactive HTML

Build interactive dashboards, forms, and visualizations over the QM web interface using HTML, CSS, and JavaScript. Panels can send input to the conversation, update in place, or remain visible across sessions when requested.

• Display an interactive dashboard over a conversation
• Collect input through forms and buttons
• Explore information through visualizations

Help users discover and connect apps, then run available app tools through QM’s authenticated backend. It checks connection status, presents consent options, and keeps Composio project keys out of user-facing setup.

• Browse available app integrations
• Connect an app needed for a task
• Reopen app connection setup