widget-generator とは?
プロンプト.チャット フィード システム用のカスタマイズ可能なウィジェット プラグインを生成する ソース: f/prompts.chat。
プロンプト.チャット フィード システム用のカスタマイズ可能なウィジェット プラグインを生成する
コマンドラインで widget-generator AI スキルを開発環境にすばやくインストール
ソース: f/prompts.chat。
This skill guides creation of widget plugins for prompts.chat. Widgets are injected into prompt feeds to display promotional content, sponsor cards, or custom interactive components.
| Widget ID | ✅ | Unique identifier (kebab-case, e.g., my-sponsor) | | Widget Name | ✅ | Display name for the plugin | | Rendering Mode | ✅ | standard or custom | | Sponsor Info | ❌ | Name, logo, logoDark, URL (for sponsored widgets) |
| Widget not showing | Check shouldInject logic, verify registration in index.ts | | TypeScript errors | Ensure imports from ./types, check sponsor object shape | | Styling issues | Use Tailwind classes, match existing widget patterns | | Position wrong | Remember positions are 0-indexed, check repeatEvery value |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/f/prompts.chat --skill widget-generatorプロンプト.チャット フィード システム用のカスタマイズ可能なウィジェット プラグインを生成する ソース: f/prompts.chat。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/f/prompts.chat --skill widget-generator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/f/prompts.chat