uutiset

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Kirjailija: Salt and Pepper Jade Rabbit
Sähköposti｜[email protected]

Kun Claude 3.5 Sonnet julkaistiin, myös Artifacts-esittelyn toiminto päivitettiin. Tuolloin olin järkyttynyt esittelyvaikutuksesta.

Mitä tulee esineisiin, sen avulla käyttäjät voivat luoda suuria määriä itsenäistä sisältöä ja viitata niihin keskusteluissa.

Kun kysyimme Claudelta "Koodinpätkät, tekstiasiakirjat tai verkkosivustojen suunnittelu” ja muu sisältö, Artefacts näkyvät erillisessä ikkunassa, joka näytetään keskustelun vieressä. Jos tulos ei ole tyydyttävä, voimme välittömästi muokata, iteroida ja parantaa Clauden luomuksia.

Kuvassa näkyy HTML-tehoste, jonka Preview on luonut dialogissa Claude 3.5 Sonnetin kanssa Poessa. Dialogiosoite: https://poe.com/s/YEms220OFPLfoZhPKfLI

Nyt odotus on vihdoin saapunutPoe on virallisesti päivittänyt esikatselutoiminnon, vaikutus on samanlainen kuin Artifacts-esittelyn reaaliaikainen esittely, ja se tukee myös kolmen mallin reaaliaikaista luomista: Claude 3.5 Sonnet, ChatGPT-4o ja Gemini 1.5 Pro.

Vasemmalla olevassa kuvassa näkyy Claude 3.5 Sonnet and Artifacts -päivitykset ja oikealla olevassa kuvassa Poen esikatselu

Keskeyttää lauseen, tässä on lyhyt selitysMikä on Poe?。

Poe on Quora, pohjoisamerikkalainen "Zhihu" (kysymys ja vastaus -yhteisö), lanseeraama tekoälyalusta vuoden 2022 lopulla. Käyttäjät voivat kommunikoida sen kautta erilaisten tekoälymallien kanssa, mukaan lukien tunnetut mallit, kuten ChatGPT ja Claude. Poen alkuperäinen suunnittelutarkoitus on tarjota monipuolinen chat-alusta, jonka avulla käyttäjät voivat valita useista tekoälymalleista sopivimman vuorovaikutukseen, olipa kyseessä sitten kysymysten esittäminen, ohjelmointiavun pyytäminen tai rento keskustelu, Poe voi tyydyttää sen. . Kun Poe päivitti esikatselun demotoiminnon, olin niin onnellinen!

Niin paljon sanottuani en malta odottaa. Katsotaanpa muutama käytännön tapaus.

1

Skenaario 1: Luo hyvännäköinen pelin verkkosivu

Internetissä näemme usein erilaisia ​​työkalukokoelmasivustoja. Jos olisi työkalu, jonka avulla voisimme helposti luoda oman visuaalisen kokoelmamme verkkosivuston, eikö se säästäisi paljon ohjelmointiaikaa? Löysin äskettäin pelisivuston. Joka kerta kun napsautan sitä, minusta tuntuu, että siinä on erilaisia ​​pelejä, työkaluja ja verkkokokeita.

Mietin vain: Voinko käyttää Poen esikatselutoimintoa?Luo tällainen live-esittelysivu tai jopa rakentaa työkalukokoelmasivusto? Tämän idean vahvistamiseksi päätin kokeilla sitä tekemällä ensin staattinen sivu. Tämä on ensimmäinen askel.

Käytän Poeta suoraan puhuakseni Claude 3.5 Sonetille. Puhtaasti tekstikysymyksestä alkanut synnytti tekstiä ja ratkaisuja;

Myöhemmin lisäsin "Esikatsele näyttöä suoraan Esikatseluissa”, reaaliaikainen vaikutus näkyi heti, ja vaikutus oli todella hyvä.

Vinkki: https://toms.toys/ Vieraile tällä sivulla, luo pelin opetusohjelma ja näytä se suoraan esikatseluissa.

Sen luomisen jälkeen yritin napsauttaa punaisia ​​sanoja, mutta huomasin, että napsautus ei liikkunut, joten luotu web-sivu oli staattinen verkkosivu, mutta se näytti 80% samanlaiselta. Logon väri periaatteessa vastasi muut hakemistolaatikot olivat myös erittäin selkeitä, ainakin siinä oli alkuperäisen version maku.

Keskustelutietue: https://poe.com/s/Pe9cXFpmFHQqPAZhZOgU

Nyt tämän perustan avulla voin jo rakentaa yksinoikeudella toimivan työkalusivuston. Kuvittele, että kaikenlaiset käytännölliset työkalut on koottu räätälöityyn verkkosivustoon, ja voit käyttää sitä yhdellä napsautuksella milloin tahansa, missä tahansa. Se on todella kätevää ja siistiä!

1

Skenaario 2: NVIDIA 2024:n talousraporttien analyysin esittely

Aiemmin monet tekoälyanalyysin talousraporttien tulokset olivat tekstiä. Nyt yritämme käyttää kaavioita vaikutuksen osoittamiseen.

Kehotussanat:

Osaatko analysoida tietoja? https://investor.nvidia.com/news/press-release-details/2024/NVIDIA-Announces-Financial-Results-for-Fourth-Quarter-and-Fiscal-2024/ ja muuta se helposti sulavaksi interaktiiviseksi esittelyksi. ymmärrän sen

Poe's Preview käytti alun perin yksinkertaista interaktiivista esitystä näyttääkseen NVIDIA:n tärkeimmät taloudelliset indikaattorit. Napsauttamalla eri painikkeita voit tarkastella kaavioita tuloista, voitosta ja osakekohtaisesta tuloksesta.

Optimoitu ammattiversio on täällä. Se ei vain vertaile eri indikaattoreita, vaan tarjoaa myös kattavan yleiskatsauksen NVIDIAn taloudellisesta tilasta, mukaan lukien tietojen esittely ja ammattimainen analyysi.

Keskustelutietue: https://poe.com/s/NaFg8czE3NKSDu1vehH1

1

Skenaario 3: Kemian tietokorttien tekeminen

Muistan, että yksi Poen virallisen tilin luomista verkkosovellustapauksista onTietokortitFlashcards:

https://poe.com/s/HDAXQjBX9qmsInjjgV4X, miksi et käyttäisi tätä prototyyppinä kemian tietokortin tekemiseen?

Korttien valmistus on myös hyvin yksinkertaista. Muutaman perusiteroinnin jälkeen tehosteet tulevat esiin.

• Tekstin perustiedot:Korttien etupuolella on käsitteet ja takana käsitteiden selitykset.

• Sana:Edellinen ja seuraava teksti erotetaan koon, taustavärin jne. mukaan.

• sävy:Yleinen värisävy on Moran-väri, joka näyttää mukavammalta.

Korttitehostedialogi: https://poe.com/s/1TgDhUkoKmhjMq75yXhF

Huomaavaiset ystävät näkevät, että flippauksen ja vuorovaikutuksen lisäksi lisäsin myösKäyttäjätunnus, reaaliaikainen,Lisäsi kortin ainutlaatuisuutta ja reaaliaikaisuutta.

1

Kohtaus 4: Simuloidaan vedenkiertoanimaatiota

Tänään haaveilemme takaisin lukio-aikaan ja luomme vesikierto-animaatioprosessin, jotta sivu voi toistaa animaatiotehosteita automaattisesti.

Kehotussanat:

Animoi veden kiertoa Reactilla. Lisää emoji tai svg.

Tarvitsen React-komponentin vesisilmukkaprosessiin. Vasemmalla on animaatio, joka näyttää neljä vaihetta: haihtuminen, kondensaatio, saostus ja kerääminen oikealla on vastaava tekstikuvaus. Käytä Web Speech API:a lisätäksesi automaattisen puheen toistotoiminnon, jotta puhesisältö on yhdenmukainen tekstin kanssa. Animoitu SVG:llä, jokainen vaihe kestää 8 sekuntia. Kokonaissuunnittelun tulee olla ytimekäs, selkeä ja helposti ymmärrettävä. Varmista, että animaatiot ovat pehmeämpiä ja teksti ohuempaa.Ja esikatsele näyttöä suoraan Esikatseluissa

Vuoropuheluprosessi: https://poe.com/s/OujTxBMnSknxHaqmBhXs

Ei vainAnimaatioiden automaattinen esittely, vieressäTiivistetty kuvaus veden kiertoprosessista , erittäin selkeä ja selkeä. Kun opettajat opettavat monimutkaisia ​​käsitteitä, he voivat helposti luoda esityksiä samalla kun valmistellaan kurssimateriaalia, nopeasti ja intuitiivisesti. Tämä on aikaa ja työtä säästävä artefakti opettajille!

1

Skenaario 5: Luo oma purkutyökalun verkkosivusto

Selailin verkkosivustoa kaksi päivää sitten ja löysin mielenkiintoisen verkkosivuston. Tämä sivusto näyttää 90-luvun tyylisiä hiiritehosteita. Se näyttää sarjan JavaScriptin kautta toteutettuja hiiritehosteita, jotka voivat seurata hiiren liikettä tai sormen kosketusta. Voit napsauttaa mitä tahansa vaihtaaksesi erilaisia ​​tehosteita, kuten sateenkaaritehosteita jne. Kokeile sitten käyttää Poen esikatselutoimintoa.

Kehotussanat:

Luo dekompression artefakti, nämä tiedot:

https://cursoreffects.com/

https://github.com/tholman/cursor-effects

Ensimmäistä kertaa yksinkertainen tyyli:

Ensimmäisen version tyyli oli liian yksinkertainen, joten pyysin Claude 3.5 Sonnetia kaunistamaan sitä.Vihreät painikkeet ja valkoiset taustat on lisätty, ja hiiren tehosteita on lisätty 4:stä 11:een.。

Mutta tällä kertaa huomasin, että "teksti" ja "kursoritehosteet" veivät koko näytön, enkä voinut paremmin nähdä hiiren napsautusten vaikutusta. Jatka säätämistä ja sano Claude 3.5 Sonetille:Vapauta keskitilaa samalla kun jatkat visuaalisen tehosteen kaunistamista, on olemassa seuraavat 2 erilaista tehostetyyliä.

Huomaamme, että tämän version väri käyttäägradienttiväri, erittäin virkistävä samaan aikaan, myös keskiasento vapautuu ja kokonaisvaikutus on melko hyvä.

vaaleanpunainen gradienttiefekti

sininen gradienttiefekti

Itse asiassa yllä oleva vaikutus on varsin tyydyttävä, mutta haluan koko sivun olevan tiiviimpi. Jos katsomme tarkasti, löydämme:

• Koko sivulla on paljon tekstiä, ja kahdella rivillä pieniä merkkejä on päällekkäinen merkitys. Toinen niistä voidaan poistaa.

• Alla oleva kohdistimen erikoistehosteiden lempinimi vie liikaa tilaa ja herättää liikaa huomiota. Se voidaan toistaa painikkeeksi, joka muuttuu pelaajan napsauttaessa.

Sanoin sitten Claude 3.5 Sonetille, että sen pitäisi olla ytimekäs ja selkeä. Lopputulos on seuraava. Väri on suhteellisen vaalea ja koko sivulla näkyvä sisältö on suhteellisen täydellinen ilman tarpeetonta sisältöä.

Lopullisen optimoinnin jälkeen fontti korvattiin sopivammalla tyylillä. Koko taustaväri oli satunnainen gradientti, mikä oli erittäin mielenkiintoista.

Itse rakennettu purkutyökalu: https://poe.com/s/xPxoi0qCl4JVsXw3GxqV

1

viimeinkin

Olipa kyseessä Poe tai Claude, Esikatselu/Artefaktit tekevät ruudustatekstiä, koodiavisualisoida,Tästä vaiheesta tulee yksinkertaisempi ja helpompi toteuttaa.

• Kehittäjille Artefacts voi luoda ja korjata koodia, mikä vähentää manuaalista koodausaikaa.

• Tiimiyhteistyössä sisällön katselu, muokkaaminen ja rakentaminen reaaliajassa samalla alustalla vähentää huomattavasti tiedonsiirron välistä menetystä.

• Kouluttajat voivat käyttää Claude 3.5 Sonnettia opetussisällön ja esitysten luomiseen tuotantoprosessin yksinkertaistamiseksi. Opiskelijat pääsevät helpommin käsiksi oppimisresursseihin ja voivat käyttää reaaliaikaisia ​​esityksiä lisätäkseen kiinnostusta oppimiseen.

Olipa kyse kehittäjistä, tiimiyhteistyöstä tai kouluttajista, päivittäisen työn ja elämän tehokkuus on parantunut huomattavasti. Tällaisia ​​kohtauksia on elämässä monia...

Kun lopetin purkutyökalun, jaoin kotitekoisen purkutyökalun ohjelmoijaystäväni kanssa. Tämä oli keskustelu hänen kanssaan.

Hän sanoi: "Tällaisen koodin kirjoittaminen kestäisi päivän", mutta käytin siihen tänään korkeintaan puoli tuntia (PS: Code Novice). Eikö tämä ole eräänlaisen AI:n tuloa koteihin tavallisista ihmisistä?

Odotamme innolla, että tulevaisuudessa enemmän tekoälyä tulee tavallisten ihmisten koteihin ja kaikkien visioon.

Viitteet:

1. Poen virallinen verkkosivusto: https://poe.com/

2. Claude 3.5 Sonnet -päivityksen esittely:

   https://www.anthropic.com/news/claude-3-5-sonnet

3. Alkuperäinen purkuartefakti: https://cursoreffects.com/

4. Tapausten kerääminen ja yhdistämisasema Claude Artifacts Showcase:

   https://claudeartifacts.com/?category=All

Poen virallisesti luoma verkkosovellustapausviite:

1. Interaktiivinen esitys: https://poe.com/s/NlX2WRElDUvtuuMSFrZq

2. Tietokorttien muistikortit: https://poe.com/s/HDAXQjBX9qmsInjjgV4X

3. Elektroninen rumpukone Drum Machine: https://poe.com/s/G4HshkCQCaXVfg0ndPZK

4. Large Color Collider: https://poe.com/s/neKbyqEJYUtiRjeC6b5f