skills.rest
SaschaBrunnerCH
SaschaBrunnerCHCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

arcgis-widgets-ui

Compose ArcGIS Map Components with Calcite for map UI layouts.

19|5|Updated Dec 14, 2025
Search Tags:#widgets#web-components#arcgis#map-ui#calcite#layer-list
One-click install
npx skills add https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context --skill arcgis-widgets-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: arcgis-widgets-ui
Source: https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context/tree/main/contexts/4.34/skills/arcgis-widgets-ui
Command: npx skills add https://github.com/SaschaBrunnerCH/arcgis-maps-sdk-js-ai-context --skill arcgis-widgets-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building rich, consistent user interfaces for ArcGIS maps often requires coordinating multiple widgets, design systems, and layout patterns across projects.

Core Features & Use Cases

  • Guidance on using Map Components (arcgis-legend, arcgis-layer-list, arcgis-search, arcgis-feature-table, arcgis-time-slider) with Calcite-driven layouts.
  • Best-practice recommendations for slot-based placement and integration with the Calcite Design System to create cohesive UI experiences.
  • Use Case: rapidly scaffold a map UI with common controls (legend, search, layer list) in a Calcite-enabled page.

Quick Start

Create a Calcite-based map UI by composing Map Components with a legend and search in your map container.

Frequently Asked Questions about arcgis-widgets-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an ArcGIS map UI using Calcite web components?▼

Building an ArcGIS map UI with Calcite involves composing widgets like legends and search using web components with slot-based placement. This approach ensures cohesive, consistent user interfaces across web applications.

What is the best way to add a legend and layer list to my ArcGIS map?▼

The best way to add an ArcGIS legend and layer list is using Map Components like arcgis-legend and arcgis-layer-list within a Calcite-enabled page. This provides best-practice slot-based placement for your controls.

Can I use ArcGIS web components with the Calcite Design System?▼

Yes, ArcGIS web components integrate directly with the Calcite Design System. This combination provides slot-based placement guidance to compose cohesive map user interface experiences within your web applications.

Does this approach support adding a time slider and feature table to my map layout?▼

Yes, this approach supports adding a time slider and feature table using the arcgis-time-slider and arcgis-feature-table web components. You can coordinate these multiple widgets within your Calcite-driven layout patterns.

How do I use slot-based placement for ArcGIS map widgets?▼

Slot-based placement for ArcGIS map widgets involves positioning components like search and legends within designated Calcite layout slots. This integration creates structured, consistent map user interfaces across projects.

Related Skills

Explore More Design & Creative Skills→
SaschaBrunnerCHSaschaBrunnerCH
19

arcgis-starter-app

Bootstrap ArcGIS Maps SDK projects with TypeScript, Vite, and Calcite Design System.

Community
Basic
jaechang-hitsjaechang-hits
298

geopandas-geospatial

Perform geospatial vector data analysis with pandas-based spatial operations.

Community
Intermediate
SaschaBrunnerCHSaschaBrunnerCH
19

arcgis-core-maps

Create 2D maps and 3D scenes with ArcGIS Maps SDK for JavaScript.

Community
Advanced
elowen53elowen53

arcgis-core-maps

Initialize and manage 2D and 3D maps with the ArcGIS Maps SDK for JavaScript Core API.

Community
Intermediate