webf-api-compatibility

Check Web API and CSS feature compatibility in the WebF runtime.

4|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/VIDLG/webfly --skill webf-api-compatibility-vidlg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webf-api-compatibility
Source: https://github.com/VIDLG/webfly/tree/main/.claude/skills/webf-api-compatibility
Command: npx skills add https://github.com/VIDLG/webfly --skill webf-api-compatibility-vidlg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers understand and navigate the differences between standard web browser APIs/CSS and what is supported within the WebF runtime, preventing common compatibility issues.

Core Features & Use Cases

  • API Compatibility Check: Quickly determine if a specific JavaScript API (like IndexedDB, WebGL) or CSS feature (like Grid, Float) is supported in WebF.
  • Alternative Suggestions: Provides workarounds and alternative solutions for unsupported features, often pointing to official WebF plugins or simpler supported APIs.
  • Use Case: A developer is unsure if they can use IndexedDB for local storage. They ask the Skill, which confirms it's not supported and suggests using localStorage or a native plugin, providing code examples for each.

Quick Start

Ask me if CSS Grid is supported in WebF.

Frequently Asked Questions about webf-api-compatibility

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

FAQPage Schema
Does WebF support CSS Grid and Flexbox layout modes?

WebF supports Flexbox layout but does not natively support CSS Grid or float layouts. For unsupported layout modes, you should restructure your UI using supported Flexbox properties to achieve the desired visual design.

Can I use IndexedDB or WebGL for local storage and rendering in WebF?

WebF does not natively support IndexedDB or WebGL. You must use simpler supported APIs like localStorage for data persistence or integrate native plugins to handle complex graphics rendering within your application.

How do I check JavaScript API and DOM method compatibility for WebF?

To check JavaScript API and DOM method compatibility, query the specific API name to identify if it is supported within the WebF runtime, allowing you to validate feature availability before implementation and avoid runtime errors.

What are the alternatives for unsupported CSS properties in WebF?

For unsupported CSS properties, WebF alternative solutions involve using simpler supported CSS features or implementing custom Flutter plugins. This allows you to bypass limitations by translating web styling rules into compatible runtime behaviors.

Why does my standard web API throw an error in the WebF runtime?

Standard web APIs throw errors in the WebF runtime because the environment only supports a subset of browser APIs. You must identify unsupported DOM methods and replace them with WebF-compatible alternatives or native Flutter integrations.

What WebF plugins can replace unsupported browser APIs?

WebF plugins replace unsupported browser APIs by bridging native Flutter capabilities to the web runtime. Checking compatibility helps identify missing features, allowing you to install official plugins that provide alternative code examples and functional parity.