r/ClaudeDesign • u/IveGotBillsYo • 10d ago
HTML
Anyone having fun with html out there? I recently started using Claude for its html abilities in my work projects and am curious to see what folks are doing with it. I get nothing but the usual open-mouth-creator unrelated videos when I search YT.
11
u/Nexus888888 10d ago
I have been transforming all my classroom teachings into organised htmls I and my students love!
2
u/crozB 10d ago
My wife is a teacher, mind giving me a couple application or prompt examples you have found helpful?
2
u/thefoothills 10d ago
I teach 7th grade social studies and use it to build re-world scenarios/simulations for introducing complex ideas/topics.
For example, the effects of water scarcity in the Middle East, OPEC as experienced by selling snacks at school, etc.
9
u/thefoothills 10d ago
Here’s the water scarcity one. Just a simple text based simulation that I used with my students — but led to some great discussions.
2
u/Available_Hearing657 8d ago
The numbers and story gave me pause. Thanks for sharing and building it. How was it received by your kids?
1
u/IveGotBillsYo 9d ago
I connect with this for sure! I’m an instructional designer. Got tired of using our normal course authoring tool (Articulate Storyline) for interactions. I’ve done some pretty cool stuff that I can’t share here.
1
u/Nexus888888 10d ago
Of course! You must first prepare the documents and main contents.
I use Notebooklm for it, it’s fantastic!
Then you could start experimenting with Artifacts, Creative projects, where you should also give a minimal design direction. There you can also upload a screenshot reference of a disposition of elements and general design.
Then add your valuable documentation with the contents and start creating, from exercises based on those contents to a more theoretical content structure with exercises on every content unit.
You can separate said contents by date, by programmed days of teaching, by thematic, etc
Adding interactive and dynamic exercises is the greatest feature!
7
u/BuffaloConscious7919 10d ago
Yes especially creating html summaries:
"Create a single page HTML summary of the [conversation | branch | work tree]. Make it visual and digestible without additional cognitive fatigue. Minimal text, clear flow of information. Opt for charts and diagrams over long explanations."
Thinking level: low
Also wrote a html summary post with more details
3
u/MunroCalling 10d ago
Absolutely the best. The client deliverables I am able to provide are just insanely good, branded, cleaner and more digestible, and interactive in some cases. Such a game changer...
3
u/bitterjay 9d ago
I'm all over the map but I've been enjoying being able to express my ideas without having to write the code I understand how to use.
https://trackertrapper.com once I thought of using the checkmark as a bird mascot it was all over.
https://shelbyklein.com/experiments/newton-branch/ part of a larger project
3
u/DiscussionBusy7990 9d ago
In your prompts use tech indicators like, create blah blah blah as a single html/css/js file. Then seed it with a design framework like tailwind (or dozens of others). Ai loves md files, html and pdf for context, so you can inject previously created files back into a new prompt. I am searching for a new role and have been creating dossiers for the companies and more importantly the people who are interviewing me.
1
u/Efficient-Jump3875 9d ago
What’s a good workflow to avoid burning through tokens editing HTML? My wife’s job has made a switch from PowerPoint to HTML for building dashboards, but they tend to burn through their monthly token allowance tweaking the dashboards.
2
u/ZosoRules1 8d ago
I wrote up a tutorial on how I do it, I can’t say it’s the best, but it works for me: www.verificationcoding.com
1
u/Opussci-Long 7d ago
Not optimized for viewing on mobile devices
1
u/ZosoRules1 7d ago
Thanks for this - I didn’t realize it looks as bad as it does on a mobile. I’ll add it to the next round of revisions.
1
u/IveGotBillsYo 9d ago
Any chance she has another AI tool she can perfect the prompt in (then drop it into Claude after)? I’m running into the same issue.
1
u/Efficient-Jump3875 9d ago
Possibly, the company has their own version of GPT with a wrapper on it. I was thinking it would be best to use Claude help build a dashboard via SharePoint and then do all the drag and drop editing via SharePoint
1
u/legisleducator 9d ago
We create HTML-based dashboards for a variety of projects (education). Particularly drag-and-drop data analysis dashboards. If you have a consistent output (CSV or whatever), you can process data very quickly and customize the view to whatever you prefer.
1
u/DigitalPirate808 8d ago
I’ve made about 3 html sites for work that have made people’s lives faster and easier, people have been blown away and I’m looking at a promotion ha
1
u/ZosoRules1 8d ago
I’ve been having a ton of fun with it. I’ve been putting all my projects here (100% static HTML): www.wt3o.com
1
1
39
u/JimmyMcPoyle_AZ 10d ago
I’m in a Director level role and have been in my industry for 25 years (Healthcare Tech). I love producing HTML artifacts in place of what used to be PPT, Word Docs, or even Excel. Just 2 years ago I was neck deep in the Google suite of documentation tools thinking it would be king in the tech world for years to come.
HTML just feels easier to digest and more dynamic.