Your cart is empty
Add prompt packs to continue
This master collection represents the definitive frontier in AI-powered web development. Meticulously designed for agencies, developers and digital entrepreneurs, this arsenal of prompts allows you to transform abstract concepts into functional, aesthetic and high-performance web architectures in record time, eliminating technical friction from the creative process. By integrating these workflows into your production pipeline, you will achieve superior standardization in all phases of the project: from structural planning to the implementation of complex integrations. Each prompt has been optimized to extract the maximum potential of current language models, ensuring accurate results that drive conversion and digital authority for any professional brand.
100 resources included
He acts as a Senior UX Designer and specialist in Conversion Rate Optimization (CRO) with extensive experience in the design of mobile interfaces for capturing leads in the [Industry or Specific Sector] sector. Your mission is to perform a technical and creative audit of the mobile registration experience for our current landing page, focused on the product/service [Name of Product or Service]. The fundamental goal is to reduce friction, minimize form abandonment, and maximize conversion rate (CR) on devices with small screens and variable connections. First analyze the information architecture and visual hierarchy of the mobile registration form. Evaluate whether the current layout follows the 'Thumb Rule' for CTA button placement and whether input fields use the correct HTML5 keyboard types (e.g. 'tel' for phones, 'email' for emails) to facilitate data entry. You must propose a 'One Column Layout' structure that avoids distractions and allows the user to focus exclusively on completing the [Registration Type: Newsletter, Demo, Free Trial] registration process. Develop a 'Progressive Profiling' strategy or multi-step forms if the number of requested fields exceeds [Current number of fields]. Justify how to divide the cognitive load using a visual progress bar that encourages the user to finish the process. Additionally, optimize the copy of the micro-texts (labels, placeholders and error messages) so that they are clear, concise and use a tone [Tone of Voice: Close, Professional, Urgent]. Make sure validation messages appear in real time to prevent the user from having to submit the form to discover errors. Propose technical solutions to improve mobile-specific loading speed, focusing on Core Web Vitals metrics such as Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS), which are critical for mobile retention. Suggests implementing Social Login or Google/browser autocomplete methods to reduce completion time by [Expected percentage improvement, e.g. 40%]. Integrate elements of social proof and trust seals adapted to mobile resolutions that reinforce user security without saturating the visual space. Finally, generate a list of 3 variants to perform an A/B Test on the most critical element: the registration button. Define for each variant the color, the size of the click area (minimum 44x44px), the location (sticky bottom vs inline) and the persuasive text. The end result should be a detailed technical document that serves as an implementation guide for the frontend development and UI design team, ensuring that each change is supported by principles of user psychology and mobile usability.
Acts as a Senior Digital Analytics Specialist and Data Architect for Meta Ads. Your mission is to design a comprehensive and customized technical implementation for the Meta Pixel (Facebook Pixel) and Conversions API (CAPI) in my digital ecosystem. The website is built on [PLATAFORMA_CMS] and requires a tracking system that is resilient to third-party cookie restrictions and optimized for iOS 14+ Aggregate Event Measurement. The main goal is to ensure that each user interaction is captured with maximum precision to feed Meta's bid optimization algorithms. It begins by generating the base code of the Pixel linked to the ID: [ID_PIXEL]. This code should include Automatic Advanced Matching settings to send encrypted (SHA-256 hashing) user data such as email and phone, which will dramatically increase the quality of event matching. Explains step by step how to integrate this script into the <head> section of [PLATAFORMA_CMS], either through direct code insertion, PHP hooks or the use of a tag manager such as Google Tag Manager, always prioritizing the page loading speed (LCP). Subsequently, it develops a detailed technical structure for tracking specific events. The mandatory events to configure are: [EVENTOS_ESPECIFICOS]. For each of these events, generate the necessary JavaScript script that triggers the fbq('track', ...) function. Make sure to include dynamic parameters crucial for e-commerce or lead generation, such as 'value', 'currency', 'content_type', 'content_ids' and 'content_name'. The code must be prepared to safely extract these values directly from the dataLayer or DOM of the page. To mitigate data loss caused by ad blockers and browser privacy settings, generate an implementation guide for the Conversions API (CAPI) using [TOKEN_ACCESO_CAPI]. Explains how to configure event deduplication by using a unique key 'event_id' that must be identical in both the browser event and the server event. Provides an example payload structure in JSON format for a POST request to the Meta endpoint, ensuring that the 'client_user_agent' and 'client_ip_address' parameters are included. Finally, it provides a technical validation manual. Includes instructions on how to use the 'Meta Pixel Helper' extension to debug syntax errors and how to navigate the 'Test Events' tool within the Meta Business Manager. It details the most common errors, such as duplicate pixel loading or missing required parameters, and provides technical solutions to resolve them, ensuring that the diagnostic status in the Event Manager always remains 'Green' and without critical warnings.
He acts as a Senior On-Page SEO Consultant and Web Accessibility Specialist with WCAG certification. Your mission is to transform image descriptions into high-impact Alt Attributes for the [Project Name] website. The objective is twofold: improve organic positioning in Google Images and guarantee that the content is fully accessible to users who use screen readers, complying with the most rigorous standards of today's technology industry. For the analysis, use the following thematic context: [Context of the Article or Page]. You must organically integrate strategic keywords [Keyword List] without forcing the language or compromising the user experience. It is imperative that you avoid unnecessary redundancies such as 'Image of' or 'Graphic of' and focus on the semantic and functional description of what the image contributes to the surrounding content, ensuring that the Google bot fully understands the visual relevance of the element. For each image that describes or provides you, generate a structured response that must include: 1. Function Analysis: Defines whether the image is Informative (provides data), Functional (is a link/button) or Decorative (aesthetic). 2. SEO-Friendly Proposal: An alt text optimized for search engines using the keywords provided in a logical way. 3. Accessibility Proposal: A pure descriptive text for screen readers that narrates the scene in an inclusive way. 4. Master Version (Recommended): The perfect synthesis between SEO and Accessibility, limited to a maximum of 125 characters to avoid truncation. Additionally, if the image contains important embedded text, be sure to transcribe the hierarchy of that information. If you determine that the image is purely aesthetic and does not provide informational value to the reader, explicitly specify the use of an empty alt attribute (alt='') so as not to overwhelm users with assistive tools. Generates the final result in a clean and optimized HTML code block, ready for immediate implementation in the CMS, following this format: <img src="[Image_URL]" alt="[Generated_Alt_Text]" title="[Optional_Title]">. Please process the image description to start the optimization work: [Detailed description of the image or scene].