·webf-infinite-scrolling
</>

webf-infinite-scrolling

openwebf/webf

WebFListView を使用して、プルして更新および追加読み込み機能を備えた高性能の無限スクロール リストを作成します。大規模なデータセットで最適なパフォーマンスを必要とするフィード スタイルの UI、製品カタログ、チャット メッセージ、またはスクロール可能なリストを構築する場合に使用します。

6インストール·0トレンド·@openwebf

インストール

$npx skills add https://github.com/openwebf/webf --skill webf-infinite-scrolling

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 performance optimization for scrolling lists - a WebF-specific pattern that provides native-level performance automatically.

Build high-performance infinite scrolling lists with Flutter-optimized rendering. WebF's WebFListView component automatically handles performance optimizations at the Flutter level, providing smooth 60fps scrolling even with thousands of items.

WebF's solution: WebFListView delegates rendering to Flutter's optimized ListView widget, which:

WebFListView を使用して、プルして更新および追加読み込み機能を備えた高性能の無限スクロール リストを作成します。大規模なデータセットで最適なパフォーマンスを必要とするフィード スタイルの UI、製品カタログ、チャット メッセージ、またはスクロール可能なリストを構築する場合に使用します。 ソース: openwebf/webf。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/openwebf/webf --skill webf-infinite-scrolling
ソース
openwebf/webf
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

webf-infinite-scrolling とは?

WebFListView を使用して、プルして更新および追加読み込み機能を備えた高性能の無限スクロール リストを作成します。大規模なデータセットで最適なパフォーマンスを必要とするフィード スタイルの UI、製品カタログ、チャット メッセージ、またはスクロール可能なリストを構築する場合に使用します。 ソース: openwebf/webf。

webf-infinite-scrolling のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/openwebf/webf --skill webf-infinite-scrolling インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/openwebf/webf