Does it show usage statistics?

Yes, for single feature queries, the skill provides the percentage of daily usage in Chrome to help you gauge the impact on your user base.

What is 'Baseline' status for web features?

Baseline is an initiative to provide clear information on whether a web feature is safe to use. 'Widely available' means it is supported by all major browsers for a long time, while 'Newly available' means it recently achieved cross-browser support.

Which browsers are covered by this skill?

The skill provides support data for the four major browser engines: Google Chrome, Microsoft Edge, Mozilla Firefox, and Apple Safari.

Can I search for features using natural language?

Yes, the skill is designed to translate inputs like 'Safariで使えないCSS機能' (CSS features not available in Safari) or 'popover support' into the correct API query parameters.

Web Baseline Status

Name: Web Baseline Status
Author: kubosho

bykubosho

0•

Design Tools

Verifies browser support and Baseline status for web features using the Web Platform Status API.

The Web Baseline Status skill enables developers to instantly verify the cross-browser compatibility of CSS, HTML, and JavaScript features directly within Claude. By querying the Web Platform Status API, it provides detailed insights into whether a feature is 'Widely Available,' 'Newly Available,' or limited, including specific version numbers and release dates for Chrome, Edge, Firefox, and Safari. This tool streamlines frontend development by translating natural language requests into complex API queries, helping engineers make informed decisions about feature adoption and polyfill requirements without leaving their terminal.

Key Features

01Translates natural language into structured Web Platform Status API queries

02Provides specific browser version numbers and release dates

03Displays Chrome daily usage statistics for targeted feature adoption

040 GitHub stars

05Identifies Baseline status (Widely Available, Newly Available, or Limited)

06Supports negative filtering to find features unsupported in specific browsers

Use Cases

01Checking the release timeline of specific JavaScript APIs across all major engines

02Finding web features that are supported in Chrome and Safari but missing in Firefox

03Determining if a modern CSS feature like 'popover' or 'nesting' is safe for production

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kubosho/my-skills baseline

For use in Claude.ai and ChatGPT