Koodaa diaformaatin, tasoihin perustuvan matkapalkin, navigointisäännöt ja osiorakenteen yksitiedostoista HTML-esitystä varten.
npx clawhub@latest install presentation-structurePresentation Structure -taito antaa tekoälyagentille syvän tietämyksen siitä, miten tietty yksittäinen HTML-esitystiedosto (presentation/index.html) on rakennettu ja ylläpidetty. Se kattaa diojen data-slide-numerointimuodon, 4-tasoisen journey bar -järjestelmän, näppäimistö- ja kosketusnavigaation, osioiden erottimien käytännöt sekä säännöt diojen turvalliselle uudelleennumeroinnille muokkausten jälkeen. Asenna tämä taito, kun haluat agentin lukevan, muokkaavan tai tuottavan dioja, jotka noudattavat tämän esityksen arkkitehtuuria rikkomatta navigointia tai tason edistymispalkkia.
npx clawhub@latest install presentation-structureNapsauta Asenna-painiketta sivun yläosassa yhdellä napsauksella tapahtuvaa asennusta varten
data-slide-attribuutin sekä goToSlide()-sisällysluetteloviittauksen oikein.section-slide-luokka, data-level-attribuutti ja section-desc-kopio.goToSlide()-kutsut.presentation/index.html-yksittäistiedostoformaatille.Taito koodaa kolme diatyyppiä — tavalliset diat, tasosiirtymän väliotsikkodiat ja otsikkodiat — sekä vaaditut HTML-attribuutit (data-slide, data-level, CSS-luokat). Agentti tietää, mitkä attribuutit ovat pakollisia, mitkä valinnaisia ja mitkä elementit (kuten .level-badge) eivät saa olla kovakoodattuna HTML:ssä.
Sen sijaan että käytettäisiin kumulatiivista prosenttiosuutta, esitys hyödyntää neljää erillistä tasoa (low, medium, high, pro), jotka vastaavat 25 / 50 / 75 / 100 %:n palkin täyttöastetta. Presentation Structure tallentaa tarkasti, mitkä diavälit käynnistävät kunkin tason, mitkä diat perivät edellisen tason, sekä sen, että palkki on piilotettu dialla 1 ja tyhjä ennen ensimmäistä data-level-siirtymää.
Jokaisen rakenteellisen muokkauksen jälkeen agentin on numeroitava kaikki data-slide-attribuutit uudelleen järjestyksessä alkaen numerosta 1, päivitettävä jokainen goToSlide()-kutsu sisällysluettelo-/matkakarttadiassa sekä varmistettava, ettei puuttuvia numeroita tai kaksoiskappaleita esiinny. Presentation Structure dokumentoi, että totalSlides lasketaan automaattisesti DOM:sta eikä vaadi manuaalista päivitystä.
Taito kattaa goToSlide(n)-funktion, jota käytetään sisällysluettelolinkeissä, automaattisesti lasketun totalSlides-arvon sekä tuetut syöttömenetelmät: nuolinäppäimet, välilyöntinäppäin ja kosketusliu'utus. Tämän ansiosta agentti voi varmistaa, että sisällysluettelolinkit pysyvät johdonmukaisina uudelleennumeroinnin jälkeen.
Osion erottimet noudattavat tarkkaa muotoa: section-slide-luokka, valinnainen data-level, section-number-kappale, <h1>-otsikko ja section-desc-kappale, joka nimeää tason. Presentation Structure tekee agentin tietoiseksi koko odotetusta merkintärakenteesta, jotta uudet osiot ovat välittömästi kelvollisia.
Käyttäjä pyytää agenttia lisäämään uuden "Osa 7" -osion dian 46 jälkeen. Presentation Structure -taito ohjeistaa agenttia luomaan section-slide-divin seuraavalla peräkkäisellä data-slide-numerolla, lisäämään asianmukaisen data-level-arvon, numeroimaan uudelleen kaikki sitä seuraavat diat sekä päivittämään jokaisen goToSlide()-kutsun sisällysluettelossa.
Agentti skannaa tiedoston presentation/index.html etsiäkseen puuttuvia tai kaksoiskappaleita data-slide-arvoista sekä tarkistaa jokaisen goToSlide()-kutsun todellisia dianumeroita vasten raportoiden kaikki ristiriidat — tehtävä, jota tämän taidon sisältämät uudelleennumerointisäännöt tukevat täysin (Presentation Structure).
Käyttäjä haluaa yhteenvedon siitä, mitkä diat kuuluvat millekin matkatasolle. Agentti käyttää Presentation Structure -taidossa olevaa tasosiirrymätaulukkoa luodakseen tarkan kartoituksen diojen alueista, data-level-arvoista ja vastaavista palkin täyttöprosenteista lukematta koko HTML-tiedostoa.
Kun agentille pyydetään rakentamaan uusi dia, se käyttää tämän taidon tarkkoja HTML-malleja — valitsee oikean luokan (title-slide, section-slide tai tavallinen slide), sijoittaa oikeat attribuutit ja tietää jättää .level-badge pois lähde-HTML:stä, koska se lisätään JS:n toimesta ajonaikaisesti.
npx clawhub@latest install presentation-structureKirjaudu sisään kirjoittaaksesi arvostelun
Ei arvosteluja vielä. Ole ensimmäinen jakamaan kokemuksesi!