MCP-server · 5 teman · 93 sektioner

Teman för hemsidor byggda av AI.

Kompletta sajter med animationer, tillgänglighet och SEO inbyggt. Klicka på ett tema för att se det live, eller anslut MCP-servern och låt din AI-assistent bygga av färdiga sektioner.

MCP-adress https://themes.frontness.com/mcp

Så ansluter du

Premium Minimal

premium-minimal

Stora rubriker, mycket luft och en idé per sektion. Ljusa ytor som växlar mot svarta scener. För produkter, varumärken och tjänster som ska kännas exklusiva utan att skrika.

produkt
e-handel
design
arkitektur
premiumtjänst

Sektioner: 18
Sektionstyper: 18
Recept: 2
Undersidor: 4

Förhandsvisa Med sektionsnamn

Startsidor och undersidor

Startsidor

Undersidor

Nordic Warm

nordic-warm

Varm, personlig och trygg. Krämvita ytor, tallgrönt och tegelrött, en mjuk serif i rubrikerna och riktiga människor på bilderna. Byggd för lokala företag där målet är ett samtal, en bokning eller en offertförfrågan.

hantverkare
bygg och renovering
klinik
frisör
skönhet

Sektioner: 20
Sektionstyper: 20
Recept: 2
Undersidor: 4

Förhandsvisa Med sektionsnamn

Startsidor och undersidor

Startsidor

Undersidor

SaaS Dark

saas-dark

Nästan svart, ljuskantade kort, glödande gradienter och rutnät i bakgrunden. Produktvyer byggda i HTML som animeras: grafer ritas, siffror räknas upp, produktfönstret fälls upp i 3D. För mjukvara, appar, AI-tjänster och tech-byråer.

saas
mjukvara
app
ai
utvecklarverktyg

Sektioner: 17
Sektionstyper: 17
Recept: 2
Undersidor: 4

Förhandsvisa Med sektionsnamn

Startsidor och undersidor

Startsidor

Undersidor

Editorial

editorial

Som ett tidningsuppslag: papperston, svart bläck, en jättelik serif-titel som på ett omslag, tunna linjer, spalttext med anfang och asymmetriska bilduppslag. Lugnt tempo. För restauranger, hotell, hudvård, mode, gallerier, arkitekter och fotografer.

restaurang
hotell
vinbar
kafé
hudvård

Sektioner: 17
Sektionstyper: 17
Recept: 2
Undersidor: 4

Förhandsvisa Med sektionsnamn

Startsidor och undersidor

Startsidor

Undersidor

Professionell

professional

Sakligt, strukturerat och självsäkert. Vitt och marinblått med koboltblå accent, numrerade sektioner på tolv kolumner, tunna linjer som ritas fram och resultat som räknas upp. För konsulter, byråer, advokater, revisorer, IT-bolag och andra B2B-företag som säljer förtroende.

konsult
managementkonsult
b2b
advokatbyrå
revisionsbyrå

Sektioner: 21
Sektionstyper: 21
Recept: 2
Undersidor: 5

Förhandsvisa Med sektionsnamn

Startsidor och undersidor

Startsidor

Undersidor

Anslut

Kom igång på två minuter.

Servern är öppen och skrivskyddad. Ingen inloggning eller API-nyckel behövs.

Öppna Inställningar → Connectors på claude.ai eller i Claude-appen.
Klicka på + och välj Lägg till anpassad connector.
Namn: Frontness Design. URL: https://themes.frontness.com/mcp. Klicka på Lägg till.
I en ny chatt: klicka på + under textfältet, välj Connectors och slå på Frontness Design.

På Team- och Enterprise-konton lägger en ägare först till connectorn under organisationens inställningar. Gratiskontot rymmer en anpassad connector.

Öppna Inställningar → Appar och connectors → Avancerat och slå på Utvecklarläge. På vissa konton ligger reglaget under Säkerhet.
Gå tillbaka till Appar och connectors och klicka på Skapa.
Namn: Frontness Design. URL: https://themes.frontness.com/mcp. Autentisering: Ingen.
Klicka på Skapa och välj sedan connectorn i chatten.

Utvecklarläge kräver ett betalt konto. Menynamnen ändras ibland. Leta efter Utvecklarläge om de inte stämmer.

Kör i terminalen:

claude mcp add --transport http frontness-design https://themes.frontness.com/mcp

Kontrollera med claude mcp list. Lägg till --scope user för att ha den i alla projekt.

Lägg till i ~/.cursor/mcp.json (eller .cursor/mcp.json i projektet):

{
  "mcpServers": {
    "frontness-design": {
      "url": "https://themes.frontness.com/mcp"
    }
  }
}

Lägg till i .vscode/mcp.json i projektet:

{
  "servers": {
    "frontness-design": {
      "type": "http",
      "url": "https://themes.frontness.com/mcp"
    }
  }
}

Prova sedan

Bygg en hemsida för min frisörsalong i Borås med Frontness Design. Välj det tema som passar bäst, bygg startsida och undersidor och skriv om alla texter för oss. Fråga mig om priser, öppettider och kontaktuppgifter i stället för att hitta på dem.

Verktyg

Sex verktyg som AI:n använder.

list_themes
Alla teman med vilka verksamheter de passar, stämning och färdiga sidflöden.
get_theme
Designregler, färger och typsnitt, rörelsesystem, sektioner med instruktioner per fält och filernas adresser.
search_sections
Sök bland alla sektioner, t.ex. "före och efter", "meny" eller "priser med avdrag".
get_section
En enskild sektion som HTML, för att lägga till eller byta en del av en befintlig sida.
build_page
En komplett sida av ett recept, en undersida eller egna sektioner, med CSS och JS länkade eller inbäddade.
build_site
Startsida och alla undersidor på en gång, som färdiga filer med menylänkarna redan kopplade mellan sidorna.

AI:n får också instruktioner om att behålla animationerna och att aldrig hitta på kundens uppgifter, priser eller omdömen.