LD
Luis D.Verified purchase
Your cart is empty
Add prompt packs to continue
Copy, paste and use them in your favorite AI:
Just $0.08 per prompt · one-time payment
100 resources included
Take your productivity to the next level with the definitive Vibe Coding collection. This methodology radically transforms the way you build software, allowing you to go from initial idea to a functional MVP in a matter of hours through the strategic use of generative AI and autonomous agents. Learn how to orchestrate cutting-edge tools like Cursor, v0, and Supabase to create robust, scalable, and visually stunning applications without the friction of traditional development. This technical guide is the indispensable resource for the modern developer looking to master continuous deployment, serverless architecture, and intelligent agent-assisted debugging.
Acts as a lead design systems architect and senior v0.dev expert (specializing in Next.js, Tailwind CSS, and the Shadcn UI library). Your goal is to generate the technical and visual core of an [Adaptive Design System] that is modular, scalable and extremely aesthetic, following the 'Vibe Coding' philosophy. This system must be based on a semantic token architecture that allows a fluid transition between themes (light/dark) and dynamically adjusts to multiple resolutions, from compact mobile devices to ultra-wide monitors, guaranteeing a consistent user experience. It implements an atomic design scale starting with the fundamentals: a color palette based on the main color [PRIMARY_COLOR] and its accent variant [ACCENT_COLOR]. Defines a typographic hierarchy using the font [TYPE_FAMILY] with scales calculated in 'rem' units for accessibility. Set the border radii to [ROUNDED_LEVEL] (e.g. sharp, soft, or pill) and set box-shadows that provide visual depth without compromising rendering performance in mobile browsers. Develop high-fidelity front-end components using React and Tailwind CSS, optimized specifically for the v0 environment. The set must include: 1) A smart Navigation Bar with background blur effect (glassmorphism) and animated mobile menu. 2) A reactive 'Layout Grid' system that automatically reorganizes the [NUMBER_COLUMNS] elements according to the active breakpoint. 3) State components (Success, Error, Warning) that use smooth micro-animations to guide the user's attention organically. The generated code must be 'copy-paste ready', respecting the best practices of Clean Code and WCAG 2.1 accessibility. Make sure each component includes interaction states (hover, focus, active) and native support for dark mode via Tailwind classes (dark:). The final result should reflect a premium-level aesthetic for a project of type [PROJECT_CATEGORY], prioritizing readability and long-term maintainability. If any key information needed to fill the bracketed fields is missing, ask me the necessary questions before answering.
Instant access after purchase from your dashboard. Just copy and paste into your AI.
ChatGPT, Claude, Gemini, DeepSeek, Grok, Qwen and any AI chat.
Yes. Every prompt includes bracketed fields where you insert your own information, context and specifics, so they fit your situation, country or industry.
Yes. Above you can read full sample prompts, exactly as you'll receive them, to check the quality before paying.
Yes. Pay once and they're yours forever, updates included.
Act as a UI/UX Engineer specializing in Next.js, Tailwind CSS and Framer Motion to develop a high-fidelity biometric authentication modal component, specifically designed to be generated in v0.dev. The goal is to create an interface element that is not only functional, but projects a modern 'Vibe Coding' aesthetic, using Glassmorphism principles, fluid micro-interactions and a reactive state system. The component should be focused on the [TIPO_DE_AUTENTICACION] experience and should integrate seamlessly into a [TIPO_DE_APLICACION] application where security and visual trust are paramount. The design should include a floating container with a background blur (backdrop-blur-xl) and subtle borders with radial gradients. The iconography must be dynamic; For example, if FaceID is selected, the icon should perform a visual scan using a laser sweep animation using Framer Motion. If it is a fingerprint, it should show concentric waves emanating from the point of contact. It is imperative that the modal manages four clear visual states: 'Idle' (waiting for interaction), 'Processing' (validating data with a fancy perimeter spinner), 'Success' (confirmation check with subtle celebration particles) and 'Error' (lateral shake or 'shake' with palette change to organic reddish tones). In terms of code, use the Lucide React library for icons and make sure the component is fully accessible while complying with ARIA standards. Implements flexible props logic so that the developer can customize the security level [NIVEL_SEGURIDAD], the main instruction message [MENSAJE_USUARIO], and the predominant color theme [COLOR_THEME]. The modal must be responsive, adapting from a small floating window on desktop to a fluid 'bottom sheet' on mobile devices, always maintaining visual hierarchy and ease of use with one hand. Finally, it integrates a visual tactile feedback system. Every time the user interacts with the modal elements, there should be an immediate response, such as a slight change in scale or an inner glow. The code generated by v0 should be clean, modular and ready to be copied into a Shadcn/UI project, leveraging CSS variables for deep thematic customization and consistent with the rest of the application ecosystem. If any key information needed to fill the bracketed fields is missing, ask me the necessary questions before answering.
Acts as a Senior Designer and Frontend Developer expert in Next.js, Tailwind CSS and Framer Motion. Your goal is to create a landing page section for a SaaS product called [Product Name] using an extremely refined and modern 'Bento Grid' type design, following the visual aesthetics of leading platforms such as Linear, Apple or Stripe. The structure should be based on an advanced asymmetric grid that uses CSS Grid to organize modules of different proportions (1x1, 2x1, 2x2) that hierarchically highlight the main functionalities of [SaaS Purpose]. Each block within the Bento Grid must present an individualized and sophisticated design: some modules will contain minimalist vector graphics, others will display real-time metrics with animated counters, and at least one must integrate a preview of a 'glassmorphism' user interface that simulates the main dashboard. It uses a color palette based on [Color Scheme] with native support for dark mode and hover effects including radial-gradient borders and subtle Z-axis elevations to improve perceived interactivity. The typography should be [Font Preferred], ensuring perfect readability and a clear hierarchy between striking headings and short descriptions. Implement smooth, staggered entrance animations using Framer Motion so that each grid element appears fluidly when scrolling. Blocks must be fully responsive, transforming from a complex multi-column configuration on desktop to an elegant and functional vertical layout on mobile devices. Integrate micro-interactions into data visualization components, such as small animated SVG line graphs or simulated loading states that react to hovering. The resulting code must be modular, using Shadcn/UI components and following best practices for accessibility (ARIA labels) and performance. Finally, make sure the design breathes through expert handling of negative space (padding and gap) and that the edges of the containers have a modern radius of curvature (approximately 24px to 32px). If the block is about integrations, use icons from [Icon Library] with a uniform style. The objective is that the section not only informs, but also transmits a feeling of high-end software, reliability and technological cutting-edge from the first second of viewing. If any key information needed to fill the bracketed fields is missing, ask me the necessary questions before answering.
It's a master instruction, optimized for AI.
Prompt
your instruction
AI
Result
Based on 11 reviews
It does the job, though I expected a bit more. I had to tweak them quite a bit for my case. Acceptable.
Worth every penny. The index is organized and I find what I need instantly. I'll buy again without hesitation.
Delivers what it promises. Most of them worked on the first try. I'd buy again.
Best purchase I made this month. They work just as well in ChatGPT and Claude. An investment that pays for itself.
Exactly what I was looking for. The index is organized and I find what I need instantly. An investment that pays for itself.
Exceeded my expectations. The quality of the answers I get improved a lot. One hundred percent recommended.
Exceeded my expectations. The prompts are really well thought out and the effort shows. One hundred percent recommended.
It helped me quite a bit. Most of them worked on the first try. I recommend it.
Exceeded my expectations. They're easy to adapt to my case by just changing the fields. I'll buy again without hesitation.
I was impressed by the quality. The index is organized and I find what I need instantly. Already recommended them to my team.
Exceeded my expectations. The prompts are really well thought out and the effort shows. Already recommended them to my team.