pricing-page

To generate a pricing page with subscription tiers, provide a brief specifying your plan names and desired features, and the skill outputs a standalone HTML document containing tier cards, a comparison table, and an FAQ section.

Yes, you can create a 4-tier subscription plan layout by defining the individual, teams, and enterprise tiers in your brief, which generates a conversion-focused pricing page with recommended plan emphasis.

No, the generated pricing page HTML does not require external CSS dependencies because it renders as a self-contained document with inline CSS that adheres to the active DESIGN.md tokens.

The pricing page handles design system tokens by reading and following the active DESIGN.md file, applying its defined colors, typography, and component styles directly into the inline CSS of the output HTML.

The best way to structure an FAQ section within a generated pricing page is using native HTML details and summary tags, which creates an accessible, interactive accordion without relying on external JavaScript dependencies.

A limitation of building a plan comparison page this way is that the output is restricted to a standalone one-screen HTML layout designed specifically for desktop preview scenarios and subscription sales contexts.