Anglé Labs

Ota yhteyttä · Soita 040 961 2120

Claude Code -skillit ja repot suomeksi

Täällä Kim Anglé julkaisee työkalut, joita hän käyttää omissa projekteissaan.

  • Ensimmäinen on SEO- ja AEO-auditointityökalu aeo-seo-tool.
  • Linkki GitHubiin tulee, kun repo on julkaisukunnossa.
  • Tämän sivun 3D-skilli angle-3d on vielä yksityinen.

Varaa ilmainen kartoitus · Soita 040 961 2120

Lue lisää

Täällä Kim Anglé julkaisee työkalut, joita hän käyttää omissa projekteissaan. Ensimmäinen on SEO- ja AEO-auditointityökalu aeo-seo-tool, ja linkki GitHubiin tulee tälle sivulle, kun repo on julkaisukunnossa. Tämän sivun 3D-skilli angle-3d on vielä yksityinen.

Mikä on Claude Code -skill?

Claude Code -skill on kansio, jossa on Claudelle kirjoitettu ohje (SKILL.md) ja tarvittaessa viiteohjeita, skriptejä ja valmiita pohjia. Kun pyyntösi osuu skillin kuvaukseen, Claude Code lataa ohjeen ja tekee työn sen mukaan. Skill asennetaan kansioon ~/.claude/skills, ja uusi keskustelu löytää sen itse.

SKILL.md:n alussa on nimi ja kuvaus. Kuvaus kertoo Claudelle, milloin skilliä käytetään. Esimerkiksi angle-3d-skillin kuvaus mainitsee suomeksi sanat "reagoiva sivu", "liikkuva logo" ja "kopio mun nettisivuista eri nimillä", joten Claude tunnistaa pyynnön, vaikka sanaa skill ei sanottaisi.

Skillin hyöty on se, että sama ohje toimii joka kerta. Kimin 3D-tyyli (tumma metalli, valovirtatausta ja painovoimafysiikka) on kirjoitettu skilliin kerran, ja jokainen uusi sivu samaan tyyliin alkaa siitä.

Mitä repoja Kimillä on?

  • aeo-seo-tool

    Python-työkalu, joka auditoi sivuston näkyvyyden Googlessa ja tekoälyhauissa ja kirjoittaa raportin suomeksi. Linkki GitHubiin tulee tähän, kun repo on julkaisukunnossa.

  • angle-3d-skilli

    Claude Code -skilli reagoiville 3D-sivuille, jolla tämä sivusto on tehty. GitHub-repo kimangle/3d-kone on vielä yksityinen. Siihen asti voit lukea oppaan siitä, miten sivu rakennettiin.

Mitä aeo-seo-tool tekee?

aeo-seo-tool tarkistaa, näkyykö sivusto Googlessa ja tekoälyhauissa, kuten ChatGPT:ssä ja Perplexityssä. Se tekee jopa 20 tarkistusta per sivu ja lisäksi sivustotason tarkistukset. Tuloksena on selkokielinen HTML-raportti sekä markdown- ja JSON-versio. Ilman API-avainta työkalu vain auditoi, ja --fix-lipulla se myös korjaa.

Sivukohtaiset tarkistukset ovat title, meta description, otsikkorakenne, JSON-LD, Open Graph, luotettavuussignaalit, AEO-sisältö ja toimintakehotteet, kuten soittolinkki.

Jos sivu on noindex-tilassa eli piilossa Googlelta, työkalu nostaa sen raportin kärkeen omaksi hälytyksekseen.

Paikallisessa kansiossa (--repo) --fix korjaa HTML-tiedostot suoraan ja ottaa ensin .bak-varmuuskopiot. Julkisesta osoitteesta (--url) se tekee korjatut kopiot reports/-kansioon, eikä live-sivu muutu. Titlet ja meta descriptionit kirjoittaa Claude Haiku, joten korjaus tarvitsee ANTHROPIC_API_KEY-avaimen. Ajon lopuksi työkalu tulostaa API-kulut euroina. Korjauksen voi ajaa uudelleen, eikä se kopioi mitään kahteen kertaan.

Versio 7 osaa vertailla: --compare vanhaan audit-JSONiin näyttää pistekehityksen, mitkä tarkistukset paranivat ja mitä uusia puutteita on tullut. Sillä näkee kuukauden päästä, mitä korjaukset muuttivat.

Miten aeo-seo-tool otetaan käyttöön?

  1. Kloonaa repo

    Repon osoite tulee tälle sivulle, kun repo on julkaisukunnossa. Kloonaa se ja siirry kansioon aeo-seo-tool.

  2. Asenna riippuvuudet

    pip install -r requirements.txt. Mukana ovat mm. requests, beautifulsoup4, lxml, rich ja anthropic.

  3. Aja auditointi

    python3 aeo_seo_tool_v7.py --url https://oma-sivu.fi. Jos sivusto on omalla koneella HTML-tiedostoina, käytä --repo ./sivusto.

  4. Lue raportti

    HTML-raportti aukeaa selaimeen reports/-kansiosta. Aloita kriittisistä kohdista, kuten noindex-hälytyksestä.

  5. Korjaa, jos haluat

    Aseta ANTHROPIC_API_KEY ja lisää komentoon --fix. --repo-tilassa korjaus menee suoraan tiedostoihin .bak-varmuuskopioiden kanssa, ja --url-tilassa korjatut kopiot tallentuvat reports/-kansioon. Julkiselle osoitteelle --fix-guide kokoaa korjauspaketin ohjeineen.

Mitä aeo-seo-tool tarkistaa sivustotasolla?

Sivustotasolla aeo-seo-tool katsoo, estääkö robots.txt vahingossa koko sivuston ja pääsevätkö GPTBot, ClaudeBot ja PerplexityBot sivustolle. Se tarkistaa, löytyvätkö sitemap.xml ja llms.txt, ja --fix luo puuttuvat tiedostot. Lisäksi työkalu huomaa, jos sivusto on vielä esikatseludomainilla, kuten .vercel.app tai .netlify.app, eikä omassa osoitteessaan.

Paikallisessa kansiossa puuttuvat tiedostot luodaan sivuston juureen. Julkisesta osoitteesta ne tallentuvat kansioon reports/sivustotiedostot, josta ne voi ladata palvelimelle.

Mitä angle-3d-skillissä on mukana?

angle-3d-skillissä on mukana koko tämän sivuston pohja (Vite, React ja three.js), jonka nimet ja tekstit tulevat yhdestä config-tiedostosta. Lisäksi siinä on neljä viiteohjetta ja apuskriptit, jotka ottavat kuvakaappauksia, testaavat hiiren liikkeet oikeassa selaimessa ja mittaavat sulavuutta. GitHub-repo kimangle/3d-kone on vielä yksityinen.

Viiteohjeet ovat visuaalit, fysiikka ja vuorovaikutus, sivurakenne ja siirtymät sekä referenssit ja laadunvarmistus. Tyyli on tämän sivun: tumma metallinen ilme, valovirtatausta, hiireen reagoivat 3D-kirjaimet, painovoimafysiikka, CD-levypyörä ja lasilogo.

Skilli syntyi 2.–4.10.2026, kun Kim rakensi tätä sivustoa Claude Coden kanssa. Sillä voi kopioida koko sivuston uudella nimellä: kirjoitat omat nimet, tekstit ja linkit config-tiedostoon, ja skripti tekee siitä uuden sivuston omaan kansioonsa. Skilli osaa myös rakentaa uuden efektin Unicorn Studio -referenssistä samaan tyyliin.

Miten Claude Code -skill asennetaan?

  1. Hae skillin kansio

    Kloonaa skillin repo komennolla git clone kansioon ~/.claude/skills/skillin-nimi. Windowsissa kansio on %USERPROFILE%\.claude\skills.

  2. Avaa uusi keskustelu

    Uusi Claude Code -keskustelu löytää skillin automaattisesti. Käynnissä oleva keskustelu ei välttämättä näe sitä.

  3. Pyydä tavallisella kielellä

    Esimerkiksi "tee reagoiva 3D-etusivu". Kun pyyntö osuu skillin kuvaukseen, Claude käyttää skilliä itse. Sen voi myös kutsua nimellä, kuten /angle-3d.

Miksi Kim jakaa työkalunsa?

Anglé Labsin lupaus on, että aina saa jotain ilmaista kaupan päälle. Repot ovat osa sitä. Ensimmäinen repo, aeo-seo-tool, tulee kaikkien nähtäväksi GitHubiin, kun se on julkaisukunnossa, ja sen koodista näet, miten työ tehdään, ennen kuin päätät mitään.

Jos et halua ajaa työkaluja itse, Kim rakentaa uuden sivun, jonka botit lukevat. Jos sinulla on jo sivu, Anglés Marketingin ilmainen SEO-testi kertoo, mitä korjata. Hinta selviää ilmaisessa kartoituksessa.

Usein kysyttyä

Mistä saan valmiita Claude Code -skillejä?

Oman skillin voi kirjoittaa itse: tee kansio ~/.claude/skills-hakemistoon ja sen sisään SKILL.md, jossa on nimi, kuvaus ja ohje. Anglé Labsin angle-3d-skilli on vielä yksityinen, ja se lisätään tälle sivulle, jos Kim julkaisee sen.

Maksaako aeo-seo-tool jotain?

Auditointi toimii ilman API-avainta. Automaattinen korjaus (--fix) käyttää Clauden API:a, joten siitä tulee API-kulut omalle Anthropic-tilillesi. Työkalu tulostaa kulut euroina ajon lopuksi.

Toimiiko aeo-seo-tool WordPress- tai Wix-sivuun?

Auditointi toimii mille tahansa julkiselle osoitteelle --url-lipulla. --fix-guide kokoaa korjauspaketin, joka tunnistaa alustan HTML:stä (WordPress, Wix, Squarespace tai yleinen) ja kertoo jokaiselle korjaukselle, mihin se liitetään.

Tarvitseeko skillin käyttöön osata koodata?

Vähän. Skill asennetaan yhdellä git clone -komennolla, ja sen jälkeen Claude Codelta pyydetään asioita tavallisella kielellä. Komentorivin perusteet auttavat.

Saako repoja käyttää asiakastöissä?

aeo-seo-tool-repossa ei vielä ole lisenssitiedostoa. Kysy Kimiltä ennen kaupallista käyttöä: kim@anglelabs.fi.

Haluatko, että Kim tekee sen sinulle?

Kartoitus on ilmainen. Soitto menee suoraan Kimille.

Varaa ilmainen kartoitus · Soita 040 961 2120

← Takaisin