Can I control where my widget appears in the feed?

Yes, you can configure specific 0-indexed positions, repeating intervals (e.g., every 30 items), and maximum occurrence limits.

Is sponsor support built-in for these widgets?

Yes, the skill allows you to easily add sponsor names, light/dark mode logos, and call-to-action (CTA) buttons with custom URLs.

How does the widget decide when to show up?

You can define conditional logic via the shouldInject function, targeting specific search queries, categories, tags, or item counts.

What rendering modes does the Widget Generator support?

It supports 'Standard' mode for text-based cards using default styling and 'Custom' mode for full React-based components (TSX).

How do I register a newly created widget?

The skill provides a step-by-step guide to editing the central widget registry in the prompts.chat codebase to activate your new plugin.

Widget Generator for prompts.chat

Name: Widget Generator for prompts.chat
Author: f

byf

•

153,854

•

内容管理

Simplifies the creation of customizable widget plugins for the prompts.chat feed system to display sponsored content and interactive components.

This skill provides an automated workflow for developers contributing to the prompts.chat ecosystem, enabling the rapid generation of feed-injected widgets. It handles both standard prompt-styled cards and complex React-based custom components, automating the boilerplate for positioning logic, conditional injection based on user search filters, and sponsor integration. Whether you are adding a simple promotional card or a full interactive feature, this skill ensures consistent implementation and adherence to the platform's plugin architecture.

主要功能

01Automates registration within the prompts.chat plugin registry for immediate deployment.

02Streamlines sponsor integration with support for custom logos, dark mode assets, and CTA buttons.

03Configures sophisticated positioning strategies including single-use or repeating intervals.

04153,854 GitHub stars

05Generates boilerplate for both standard TypeScript and custom React (TSX) widgets.

06Implements conditional injection logic based on search queries, categories, or item counts.

使用场景

01Adding a sponsored 'featured tool' card that repeats every 50 items in the prompt feed.

02Creating a custom interactive React component for newsletter signups within a specific category.

03Injecting targeted promotional content that only appears when a user searches for specific keywords like 'coding' or 'AI'.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add f/prompts.chat widget-generator

For use in Claude.ai and ChatGPT

Download Skill