_
back to writing
· 1 min read · Umbraco, tailwindCSS, ClaudeCode

Første post

Ideen var her at skrive lidt ned om process osv. Dette er lidt for at øve mig i at skrive igen. 

Ideen var samtidig at lege med at kode sammen med en AI eller få den til at lave det. Designet på denne side er lavet af en AI ud fra en simpel promt

We need to make a super simple private techblog design!

Til det stilte den mig de her spørgsmåæ, her kan i se mine svar.

Questions answered:

- brand: Holm.Codes (personal dev blog)

- pages: About me, Tags / topics index, Projects / portfolio

- vibe: Very close — clean, light, minimal

- theme: Both (with a toggle)

- accent: 1

- type: Mono-accented (headings or labels in monospace, like skttl)

- interactive: Decide for me

- variations: Yes — explore a few home-page directions

- extras: Code blocks with syntax highlighting, Reading time + dates

Der efter var det bare at bede den om at lave, et handoff dokument til Claude Code, og det gjorde dne self

Implementering

Så kommer vi til den del, hvor der skal laves et faktisk virkende site, Jeg har gennem de sidste mange år arbejdet med Umbraco CMS så det virker lige til højrebenet at lave en ny løsning i denne.

Jeg har ikke haft god erfarring med at lade AI lave elementer, og doctypes så her starteede jeg en ny løsning lavet alle de sidetyper, og elementer jeg lige mente jeg skulle bruge. Og oprettet tomme cshtml og css filer til dem,.

Så åbnet jeg mappen i ClaudeCode, kørte init gennem, og gav den desgin hand off og denne promt

Here you have a design guide, please build it into the soultion as static html in the .cstml files, build it with tailwind 4, add a layout.cstml the others can inhert from.

← all posts browse tags →