
Suljettu
Julkaistu
Maksettu toimituksen yhteydessä
Create LLM Prompt Package to Replicate Website UI Overview I need someone to document an existing website so that an LLM (cursor) can use the output to replicate its UI onto another site. The deliverable is NOT code — it is a structured set of spec files, screenshots, and prompt instructions that I will feed directly into an AI coding workflow. This is ideal for someone with a strong eye for UI detail, experience writing technical documentation, and familiarity with how LLMs interpret design specs. ### What You Will Deliver **1. [login to view URL]** - Every color (hex values), extracted from the site - Typography: font families, sizes, weights, line heights for each text style - Spacing scale, border radius values, box shadows - Breakpoints for responsive layout **2. [login to view URL]** For every component on the site (navbar, hero, cards, forms, footer, etc.): - Layout description (structure, alignment, grid/flex behavior) - All visible text styles and content patterns - Responsive behavior at mobile, tablet, desktop - Any animations or transitions noted **3. [login to view URL]** - List of all pages/routes - Section order per page - Shared layout elements (header/footer/sidebars) **4. [login to view URL]** - All interactive states: hover, active, focus, disabled - Toggle behaviors (e.g. tabs, accordions, dropdowns) - Form validation states (empty, error, success) - Scroll-triggered behaviors or animations **5. [login to view URL]** - A master prompt template an LLM can follow to rebuild each component - Includes instructions on how to reference the other MD files - Notes any ambiguities or areas needing human judgment **6. Screenshots Folder** Organized screenshots for every component and state: - Desktop and mobile views - All interactive states (hover, open/closed, error/success) - Annotated where helpful (arrows, labels, callouts) - Named to match component names in [login to view URL]
Projektin tunnus (ID): 40304858
45 ehdotukset
Etäprojekti
Aktiivinen kuukausi sitten
Aseta budjettisi ja aikataulu
Saa maksu työstäsi
Kuvaile ehdotustasi
Rekisteröinti ja töihin tarjoaminen on ilmaista
45 freelancerit tarjoavat keskimäärin $29 USD tätä projektia

Hi, I am excited about your project to create a structured LLM prompt package for replicating the website's UI. With extensive experience in UI detail and technical documentation, I can transform your existing site into comprehensive spec files and screenshots. I plan to begin by thoroughly analyzing the website’s design tokens, creating detailed documentation on typography, spacing, and layouts. Then, I’ll compile an exhaustive inventory of all components, highlighting responsive behaviors and interactions. For clarity, I will also create a clear replication prompt that guides the LLM in reconstructing each component accurately. As a suggestion, including user accessibility guidelines could further enhance your documentation. I've successfully documented similar UI specifications for prior projects that streamlined AI development processes, ensuring efficient workflows. I propose to complete this within 5 days. Regards, Khurshid Ahmed
$30 USD 1 päivässä
6,9
6,9

Hi! My name is Marjan and I'm here to offer you my services as a skilled applicant with over a decade of experience working on Freelancer.com. l believe I am the best fit candidate for this project due to my extensive experience; I would like to have a discussion to get to know that we both are on the same page. Once the scope will be locked, I will start working on it right away.
$200 USD 7 päivässä
6,9
6,9

Hi! You want a non code prompt package that Cursor can follow to recreate an existing site UI: design tokens, full component inventory, page map, interaction states, a master replication prompt, plus a clean screenshot set mapped to component names. I can do this by inspecting computed CSS in DevTools, documenting typography and spacing scales, and capturing desktop and mobile plus hover, focus, open, error states with consistent naming. I am Edward, freelance dev since 2014 with a strong UI eye and lots of LLM workflow docs. Happy to chat more about this.
$50 USD 7 päivässä
6,7
6,7

Hi there! I see you need a detailed LLM prompt package to replicate a website UI, including structured specs, screenshots, and documentation. The goal is a complete, precise reference that an AI can use to rebuild the site without ambiguity. I have experience in UI analysis, technical documentation, and creating structured design guides. I’ve also worked with LLM-driven workflows, preparing clear prompts, design tokens, and component inventories for AI to follow accurately. My approach will include extracting all design tokens (colors, typography, spacing, breakpoints), documenting each component’s layout, responsive behavior, and interactions, mapping all pages and sections, and creating a master replication prompt. I will also provide a full set of annotated screenshots for every component and state, organized for easy reference. check our work https://www.freelancer.com/u/ayesha86664 Could you confirm how many pages or components roughly need to be documented for this project? Let me know if you’re interested & we can discuss it. Best Regards Ayesha
$22 USD 4 päivässä
4,2
4,2

Hello, Your main challenge is that your current website’s UI and structure need to be accurately replicated into a new site, but you’re looking for a streamlined, AI-compatible solution that can seamlessly translate the existing design into code. I can document every component, layout, and interaction of the current website in detail, structuring the information into a series of spec files that will be fed into the LLM (Cursor) workflow. This will include extracting design tokens (colors, typography, spacing), creating a component inventory, mapping page structure, and defining all interactive states, making sure the AI has a complete set of instructions. The result will be a system that can replicate your UI with high precision while leaving room for easy future updates. If that sounds good to you, I can start by gathering the necessary website details and providing an action plan. Cheers, Hassan Suhail
$20 USD 7 päivässä
4,1
4,1

Hi, I understand that you are looking for someone to create an LLM Prompt Package to replicate a website's UI onto another site. With my expertise in UI design and technical documentation, I am well-equipped to deliver the structured set of spec files, screenshots, and prompt instructions needed for this project. In executing this project, I will meticulously document the design tokens, component inventory, page map, interaction specifications, replication prompt, and provide organized screenshots for each component and state. My attention to detail and experience in interpreting design specs will ensure that the deliverables are comprehensive and easy to follow for an LLM. I will send over my portfolio via direct message, showcasing my proficiency in creating detailed design documentation. My background in UI/UX design guarantees professional standards and precise execution of this project. I'm available to discuss your requirements further and address any concerns. Best regards, Taneem
$20 USD 7 päivässä
3,0
3,0

Hi, I understand the project requirements and have experience in Website Design and Graphic Design. I have successfully completed similar creative tasks and can assure you of professional quality, quick communication, and clean file delivery. For this project, I would meticulously document the website's design elements in detail, ensuring clarity and accuracy. I will create structured spec files, screenshots, and prompt instructions for easy replication by an LLM. Using tools like Photoshop and Illustrator, I will provide comprehensive design tokens, component inventory, page maps, interaction specs, and a replication prompt template. I would love to invite you to review my portfolio: https://www.freelancer.com/u/laibaamir1 Feel free to message me for further discussion. I look forward to potentially collaborating with you. Best regards, Laiba
$10 USD 1 päivässä
3,0
3,0

Hi, I would love to bring your Imagination to Life. I came across your project: Create LLM Prompt specs (md files) and screenshots used for website replication and what stood out to me is that this isn’t just about building a website, it’s about building something that works smoothly, scales properly, and supports your business goals. I am a reliable freelancer with 12+ years of experience in Website Design, Graphic Design, HTML and I helped many clients in the past. Visit my profile to check my latest work and reviews from past clients. Here’s how I approach projects: ✅ Clear understanding of your objectives before development starts ✅ Structured development with defined milestones ✅ Clean, scalable code and optimized performance ✅ Regular updates so you’re never left guessing ✅ Proper testing before final delivery If you’re looking for someone who takes ownership rather than just completing tasks, I’d be happy to discuss your project in detail. Let’s connect and turn your idea into a reliable digital product. Best regards, Mubashir
$20 USD 3 päivässä
2,9
2,9

Hi, I'll provide you very complete way of prompt which you can directly pass to the cursor or any other AI agent and you will get a complete UI of the website. I have very good knowledge of the AI, Agent Bulding, LLM, RAG, etc. so I can easily finish this. I can delivery this task in a single day. let's discuss more about that. Thanks Chirag
$50 USD 1 päivässä
2,0
2,0

Hi there, I hope my experience can support your UI replication workflow and add real value to your AI-driven development process. I carefully reviewed your project and understand you need a highly detailed documentation package that enables an LLM to accurately reproduce an existing website’s UI, including design tokens, component structure, page mapping, interaction behavior, and a structured master replication prompt. With several years of experience in UI documentation, front-end architecture, and technical specification writing, I can deliver precise, well-organized outputs that align with how LLMs interpret structured design instructions. I previously documented a complex SaaS dashboard for automated UI rebuilding workflows and created detailed design-token systems used for scalable multi-device interface replication. I have thoroughly analyzed your requirements and can complete this efficiently with clear, consistent specs and organized screenshots. I am also happy to support future documentation or AI workflow optimization long-term. Best, ilyas Q
$20 USD 3 päivässä
1,4
1,4

Hello, As an AI Development specialist with extensive CRM automation experience, I am confident that I can tackle this project with the precision and accuracy it requires. My familiarity with documenting and interpreting design specs as well as my strong eye for UI detail aligns perfectly with your project needs. Not only have I created similar deliverables for websites in the past but also designed complex systems that involve API-based integrations like yours. I understand the importance of details in this task - something as small as an improperly documented color or a missing transition effect can lead to an entirely different user experience. My methodical approach ensures that nothing is left behind, enabling LLM to replicate the UI precisely on the other site. In addition, my proven experience in creating structured spec files will ensure that all crucial aspects such as design tokens, component inventory descriptions, page mapping and interactions are clearly and thoroughly documented. Finally, my proficiency in organizing information efficiently and communicating complex technical instructions effectively will be instrumental in delivering a clear and comprehensive replication prompt for your LLM. I prioritize excellence and quality at every step of my work process, ensuring you receive a meticulous end-product. With me on board, you can be confident that your website replication project will be handled seamlessly. Let's c Thanks!
$10 USD 6 päivässä
0,0
0,0

Hello, Serving as an AI, Web3, Web & Mobile Engineer for several years now, I have built a solid understanding of the processes relevant to this project. From the outset, my core skills in AI automation will prove invaluable as I create structured spec files and screenshots to be fed into your AI coding workflow for precise website replication. I've been lauded for my meticulous attention to detail and the extensive documentation that comes with it, which aligns perfectly with the requirements of this project. As an experienced full-stack developer comfortable with React, Node.js, .NET, and modern JavaScript frameworks, I can produce exceptional outputs across various technology stacks. Furthermore, my proficiency in designing and developing mobile apps for Android and iOS adds more value to my ability to create organized screenshots for every website component and state - desktop and mobile views. Lastly, protectiveness is a theme woven throughout my work. As a seasoned security auditor, I bring an extra layer of vigilance to your project. Having been responsible for ensuring code security in my past projects, you can be confident that your development work will be in safe hands. In conclusion, my expertise in design, development及and security makes me ideally suited to deliver on your LLM Prompt Package needs. I look forward to working with you! Thanks!
$25 USD 1 päivässä
0,0
0,0

Hello, I’m excited to take on the task of creating a comprehensive LLM Prompt Package to replicate your website UI. With my 3 years of experience in detailed UI documentation and technical writing, I’m confident in delivering quality-focused, client-centered, and professional specs. Your emphasis on structured spec files and clear prompt instructions aligns perfectly with my expertise in integrated design systems and automated documentation workflows. I understand the importance of capturing design tokens, component inventories, interaction specs, and well-organized screenshots to enable smooth AI-driven replication. Core skills: - UI Design Specification - Technical Documentation - Responsive Design Analysis - Interaction State Mapping - LLM Workflow Integration - Automated Documentation Having helped clients with similar projects, translating UI into precise documentation for AI, I’m ready to begin. Could you clarify if any proprietary design guidelines need incorporation? Regards Shafeeq
$15 USD 14 päivässä
0,0
0,0

This Project caught my eye, so I had to reach out. Your need for a thorough, structured design-documentation package that an LLM can use to replicate a website UI is clear and precise. Capturing every detail—from design tokens to interaction specs—with organized screenshots requires a meticulous and user-friendly approach. With over a10+ years delivering detailed, professional tech documentation and UI analysis, I excel at translating complex visual details into clean, actionable specs. New to Freelancer, yet backed by over 10+ years of crafting sleek web, game, and brand solutions. Let’s create something exceptional together. I would love to chat more about your project! Regards, Marco Agrela
$12 USD 14 päivässä
0,0
0,0

Hi, your project to create a comprehensive LLM prompt package for replicating a website UI is clear, and I can deliver highly structured documentation that an AI can use to faithfully recreate your site. I’ll produce detailed markdown files covering design tokens (colors, typography, spacing, breakpoints), a full component inventory (layouts, responsive behavior, animations), a page map, and interaction specifications for all states and behaviors. I’ll also create a master replication prompt that references all these files and flags any areas needing human judgment. Finally, I’ll organize annotated screenshots for every component and state across desktop and mobile views. The result will be a ready-to-use, LLM-friendly package that captures the site’s visual and interactive essence without writing any code. Quick question: do you want me to include suggested file naming conventions and folder structure optimized for direct AI workflow integration?
$16 USD 7 päivässä
0,0
0,0

Hi, I’ve been working on AI-first workflows and LLM tooling, including prompt management using Langfuse and LangSmith. I’ve implemented techniques like few-shot prompting and other prompt optimization strategies to reduce token usage while maintaining output quality. Because of this experience, I understand how to structure documentation and prompts so an LLM can reliably interpret UI specifications and reproduce layouts accurately. I can help create the structured spec files, screenshots, and prompt templates needed for a smooth AI-driven UI replication workflow.
$23 USD 7 päivässä
0,0
0,0

Hello! I’d be glad to help you create a comprehensive LLM prompt package to replicate your website’s UI accurately. You need detailed documentation of an existing site so an LLM can reproduce its UI on another platform. The project requires capturing design tokens, component layouts, page structure, interaction states, and creating a master prompt — all without writing any code. Deliverables include markdown files for design tokens, component inventory, page mapping, interaction specs, a replication prompt, and a fully organized screenshot folder covering all breakpoints and interactive states. I will meticulously extract every color, typography style, spacing, breakpoints, and component structure, documenting responsive behavior and animations in structured markdown files. Each interactive state — hover, focus, disabled, toggle, and form validation — will be logged, with screenshots annotated for clarity. A master replication prompt will tie all documentation together, providing the LLM with step-by-step instructions for rebuilding the site faithfully. Screenshots will be organized by component and state, including desktop and mobile views, ensuring your AI workflow has a complete visual reference. This approach will give you a precise, fully structured prompt package ready for seamless LLM-driven UI replication.
$20 USD 7 päivässä
0,0
0,0

Noticed you're treating this like a code handoff but to an AI instead of a human dev — that's actually a different challenge. Most people just screenshot and hope; you need specs structured so Cursor doesn't hallucinate the details. Built design token docs for a fintech rebrand last month where we fed them straight into Claude and got pixel-accurate output first try. Quick question: are you working from a live site you can inspect, or do you have a design file already? Changes how I'd extract the tokens. Let me know and can start today.
$10 USD 3 päivässä
0,0
0,0

Hi, I can create a detailed and well-structured UI documentation package tailored for LLM-based replication workflows. With strong experience in UI analysis, technical documentation, and AI-assisted development, I will ensure accurate design tokens, component breakdowns, interaction specs, and clean prompt templates. I focus on precision and clarity so the LLM can replicate the UI reliably. Ready to start and deliver high-quality results within deadline.
$17 USD 2 päivässä
0,0
0,0

medford, United States
Maksutapa vahvistettu
Liittynyt toukok. 9, 2003
$10-30 USD
$10-30 USD
$30-250 USD
$30-250 USD
$30-75 USD
₹12500-37500 INR
$750-1500 USD
₹12500-37500 INR
₹1000 INR
₹12500-37500 INR
$30-250 CAD
₹1500-12500 INR
$30-250 USD
$250-750 AUD
₹12500-37500 INR
$1500-3000 AUD
$100 USD
£20-250 GBP
₹12500-37500 INR
$750-1500 USD
$3000-5000 USD
$1500-3000 USD
$100 USD
$250-750 AUD
£1500-3000 GBP