Blenra LogoBlenra
Optimized for: Gemini / ChatGPT / Claude
#Tailwind

Enterprise-Grade Detailed Feature Comparison Table Prompt

Customize the variables below to instantly engineer your prompt.

Required Variables

enterprise-feature-comparison-table-tailwind.txt
Act as an Enterprise B2B Frontend Developer. Create an advanced, highly readable, and deeply mobile-responsive feature comparison matrix utilizing Tailwind CSS. The DOM structure must programmatically parse and accept a complex JSON input [FEATURES_JSON] containing nested feature categories, specific feature names, and their boolean/text availability across 4 distinct SaaS tiers. If the [STICKY_HEADER_BOOL] flag evaluates to true, the top table row containing the tier names and pricing must permanently affix to the top of the viewport upon scroll utilizing Tailwind's `sticky top-0 z-10` utility classes, accompanied by a subtle drop shadow. Implement distinct, accessible 'Check' (green) and 'Dash' (gray) SVG icons to denote feature availability. Crucially, solve the mobile table problem: on viewports smaller than `md`, gracefully transform the rigid matrix into an accordion layout or a horizontally scrollable container with a visual gradient cue to maintain strict data readability. Apply a minimal, trustworthy corporate aesthetic utilizing subtle slate/gray borders and zebra-striping for rows.

Example Text Output

"The AI outputs a structured HTML table with 'sticky top-0' classes and complex responsive utility classes to ensure data readability across devices."

More Web Components Prompts

View all →

Frequently Asked Questions

What is the "Enterprise-Grade Detailed Feature Comparison Table Prompt" prompt used for?

The AI outputs a structured HTML table with 'sticky top-0' classes and complex responsive utility classes to ensure data readability across devices.

Which AI tools work with this prompt?

This prompt is optimized for Gemini / ChatGPT / Claude, but works great with ChatGPT, Claude, Gemini, and other large language models. Simply copy it and paste it into your preferred AI tool.

How do I customize this prompt?

Use the variable fields above to fill in your specific details. The prompt will auto-update as you type, ready to copy instantly.

Is this prompt free?

Yes! All prompts on Blenra are free to copy and use immediately. No account required.