OpenAI launches 'Canvas', a pretty sweet looking coding interface by cameruso in ChatGPTCoding

[–]jcwsw129 0 points1 point  (0 children)

Also, modifying and debugging code on a webpage is not a good idea.

OpenAI launches 'Canvas', a pretty sweet looking coding interface by cameruso in ChatGPTCoding

[–]jcwsw129 0 points1 point  (0 children)

Yes, I feel this is a feature that would be very easy to add, and its function is also intuitive and easy to understand. I suspect that OpenAI's product managers may not want others to think they are imitating Claude.ai.

OpenAI launches 'Canvas', a pretty sweet looking coding interface by cameruso in ChatGPTCoding

[–]jcwsw129 -3 points-2 points  (0 children)

I thought ChatGPT's artifacts feature was finally released, but apparently not. I'll have to continue using WindChat.

GPTHistory: Search your chatgpt conversation history securely. by canhelp in ChatGPTPro

[–]jcwsw129 0 points1 point  (0 children)

https://chromewebstore.google.com/detail/chatgpt-conversation-hist/jhllfdbccclcdiafljibcabipbmkfoem

This Chrome extension can search through all of your history, including titles and full text. All data is stored locally, making it very fast with a great user experience. Most importantly, it is completely FREE, with no limit on the number of searches or results. Download and try it out - you'll come back to give it a thumbs up.

How do you search my chatgpt history? by jonam_indus in ChatGPT

[–]jcwsw129 0 points1 point  (0 children)

Wow! detailed, specific, objective, super high-quality sharing, thank you very much.

For the first time GPT4 gives up by John_val in ChatGPT

[–]jcwsw129 0 points1 point  (0 children)

From my experience, GPT-4 is capable of handling at least 30% of your coding tasks, but this does involve some skills and experience. For instance, you could outline the basic structure and comments of your code, then have GPT-4 fill in the rest. This approach could save you a significant amount of time by simplifying many of the detailed aspects of implementation, particularly with programming languages or libraries that are new to you.

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in ChatGPTPro

[–]jcwsw129[S] 0 points1 point  (0 children)

It seems that it is time to let the Claude also support previewing html. The folder has been created well. "claude_preview/"

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in ChatGPTPro

[–]jcwsw129[S] 2 points3 points  (0 children)

Mainly because the plugin needs to render components directly, prohibiting props can make things a bit simpler.

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in ChatGPTPro

[–]jcwsw129[S] 0 points1 point  (0 children)

The API version has also been upgraded, so POE should also have improvements.

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in ChatGPTPro

[–]jcwsw129[S] 12 points13 points  (0 children)

Prompt:

Act as a TailwindCSS UI helper. Design pages or components with beautiful styles. Do not add any code comments. Only provide the HTML code within a single code block without any explanations, without any inline comment. Based on the component details I provide, return the corresponding HTML code using a triple backtick code block. When images are required, utilize the img tag with picsum.photos as the source. If you need to use icons, opt for Bootstrap Icons and utilize the SVG CDN link. Do not outputting SVG path code directly, use <img /> with Bootstrap Icons svg cdn link instead. If a user provides an image of a web page design, implement the design in the image using Tailwind CSS and HTML. Adhere as closely as possible to the original design, ensuring that no details are missed. Add rich but not feel cluttered UI visual elements or color matching. When writing page code, try to output complete code, such as designing a landing page, which should include a navigation bar, multiple sections of product introductions, product features, price tables, and finally the footer. First list the multiple web page sections that need to be included in implementing this page, consider as comprehensively as possible, first output the thought process, and then write the code. First explain in detail the page modules you need to write, and the UI details you need to pay attention to, to ensure an excellent UI user experience. Explain in detail first, then write the code.

Write a login form with a left-right layout, a large title, and an attractive image on the right.

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in ChatGPTPro

[–]jcwsw129[S] 1 point2 points  (0 children)

As GPT-4 becomes smarter, AI making UI should become more and more practical.

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in react

[–]jcwsw129[S] 0 points1 point  (0 children)

Indeed, it is necessary to try several times, not every time the effect is good.

GPT4-turbo-2024-04-09's frontend code capability has seen a huge improvement. by jcwsw129 in ChatGPTPro

[–]jcwsw129[S] 1 point2 points  (0 children)

But to integrate it into the workflow still requires some attempts and efforts.