Widget Generator

This one walks you through building widget plugins for the prompts.chat feed system, the kind of promotional cards or sponsor blocks you inject between feed items. You tell it what you want (sponsor info, positioning strategy, whether you need custom React or just the default card styling), and it generates the TypeScript or TSX files with all the injection logic already wired up. The positioning system is actually pretty clever, you can do one-time injections, repeating patterns every N items, or conditional rendering based on active filters. Most useful when you're adding sponsored content or promotional blocks to a feed and don't want to hardcode the placement logic yourself.

Install to Claude Code

npx -y skills add f/prompts.chat --skill widget-generator --agent claude-code