Anyone have good lines to include in a prompt to direct LLMs from their default tailwind/Linear/etc. design modes on the first shot?

▲

finjo 3 hours ago | parent | next [-]

I know this may be a bit dismissive, but I think the need to ask that is the problem. AI can definitely build a design for you. But is no substitute for design skill.

The best way to figure out how to prompt an LLM is to develop design skills so you know what to tell it.

▲

SkiFreeWin3 3 hours ago | parent [-]

I totally hear what you’re saying.

I’ve been in the industry a long time. Even before LLMs, I think web design would get stuck in cycles. So I just want it to spit out something that looks novel and interesting, which pushes me to coach it even better.

	▲	finjo 3 hours ago \| parent [-]
		Oh definitely. I don’t think bad design is something created by LLMs. LLMs just amplify the problem.

▲

edoceo an hour ago | parent | prev | next [-]

I include either "use reset.css" or "use bootstrap" on the prompt. And even say "use fontawesome 6" and it follows.

Same as you have to be explicit about instructions to humans.

Even humans use their default assumptions w/o clear directions

▲

0x62 2 hours ago | parent | prev | next [-]

Not a prompt, but the Tailwind team have a separate product under development that aims to solve this problem: https://ui.sh

▲

simonw 3 hours ago | parent | prev [-]

"No dependencies. Vanilla HTML/JS/CSS".

	▲	asp_hornet 3 hours ago \| parent \| next [-]
		This might sound like a joke but it’s a surprisingly good take. RSCSS provides a great set of principles to structure and isolate against unintended change. Open Props can be added for design tokens and Open UI has some great examples of components.
	▲	onlyrealcuzzo 3 hours ago \| parent \| prev [-]
		It'll just rewrite tailwind badly...