Skill UI

This skill provides a comprehensive guide to understanding OpenRouter's API billing structure. It teaches users how to accurately calculate costs based on prompt (input) and completion (output) tokens. Users can utilize provided scripts to estimate costs, check credit balances, and implement cost-saving strategies like using `:floor` or `:free` model variants. Ideal for budgeting, performance comparison, and production cost tracking.

Utilizes advanced AI to generate, compare, and integrate multiple production-ready, modern, and highly customizable UI component variations. Instead of a single solution, this skill provides multiple design options (e.g., pricing tables, contact forms) with advanced styling like glassmorphism and animations, ensuring the final design is unique and visually stunning. Ideal for front-end developers and designers pushing design boundaries.

This skill generates a complete, standalone, and highly structured pricing page in standalone HTML. It automatically respects the active design system (colors, typography, components) and supports defining 2-4 plan tiers, including feature cards, comprehensive comparison tables, and an FAQ section. Ideal for product marketing and sales-focused websites.

Generates a complete, single-page SaaS landing page structure. This tool produces a fully contained HTML file, integrating required sections such as Hero, Features, Social Proof, Pricing, and Call-to-Action (CTA). It strictly adheres to an existing design system for colors, typography, and layout, making it ideal for product launches and marketing campaigns.