·webf-api-compatibility
</>

webf-api-compatibility

openwebf/webf

檢查 WebF 中的 Web API 和 CSS 功能兼容性 - 確定支持哪些 JavaScript API、DOM 方法、CSS 屬性和佈局模式。在規劃功能、調試 API 不起作用的原因或為不支持的功能(如 IndexedDB、WebGL、浮動佈局或 CSS 網格)尋找替代方案時使用。

6安裝·0熱度·@openwebf

安裝

$npx skills add https://github.com/openwebf/webf --skill webf-api-compatibility

SKILL.md

Note: WebF development is nearly identical to web development - you use the same tools (Vite, npm, Vitest), same frameworks (React, Vue, Svelte), and same deployment services (Vercel, Netlify). This skill covers one of the 3 key differences: checking API and CSS compatibility before implementation. The other two differences are async rendering and routing.

WebF is NOT a browser - it's a Flutter application runtime that implements W3C/WHATWG web standards. This means some browser APIs are not available, and some CSS features work differently.

This skill helps you quickly check what's supported and find alternatives for unsupported features.

檢查 WebF 中的 Web API 和 CSS 功能兼容性 - 確定支持哪些 JavaScript API、DOM 方法、CSS 屬性和佈局模式。在規劃功能、調試 API 不起作用的原因或為不支持的功能(如 IndexedDB、WebGL、浮動佈局或 CSS 網格)尋找替代方案時使用。 來源:openwebf/webf。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/openwebf/webf --skill webf-api-compatibility
分類
</>開發工具
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 webf-api-compatibility?

檢查 WebF 中的 Web API 和 CSS 功能兼容性 - 確定支持哪些 JavaScript API、DOM 方法、CSS 屬性和佈局模式。在規劃功能、調試 API 不起作用的原因或為不支持的功能(如 IndexedDB、WebGL、浮動佈局或 CSS 網格)尋找替代方案時使用。 來源:openwebf/webf。

如何安裝 webf-api-compatibility?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/openwebf/webf --skill webf-api-compatibility 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/openwebf/webf