Skills
.Work. You
Rest

add-map-component

Official

Scaffold new map UI components with enforcement.

Software Engineering#typescript#scaffold#component#storybook#tailwind#ui-library#map-ui
Authorogc-maps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The skill standardizes and accelerates the creation of new map UI components within the storybook-components library by enforcing non-maplibre rules, a fully controlled component model, and a Storybook-first workflow.

Core Features & Use Cases

  • Enforces mapui: Tailwind prefix on all classes and no MapLibre dependencies in the library.
  • Generates three essential files: component TSX, Storybook stories, and a barrel index.
  • Validates and exports via main.ts, ensures downstream apps can import the new component.
  • Provides guidance for admin/Panel placement; ensures a deterministic, testable scaffold.

Quick Start

Create a new PascalCase component under packages/map-ui-lib/src/components, add a corresponding .tsx, .stories.tsx, and index.ts, then verify with pnpm build and storybook.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: add-map-component
Download link: https://github.com/ogc-maps/storybook-components/archive/main.zip#add-map-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.