← Vissza a katalógushoz

Csapat · 1.0.0 verzió

Frontend és designrendszerek

Csapattagok: 10

Építs akadálymentes komponenseket, következetes designrendszereket és megbízható, keretrendszerhez illő felületeket.

Miért érdemes hozzáadnod?

Részletek… Összecsukás

Frontend és designrendszerek

Építs akadálymentes komponenseket, következetes designrendszereket és megbízható, keretrendszerhez illő felületeket.

Tagok: Aria, Basil, Cora, Dorian, Elara, Henrik, Iona, Leif, Maeve és Remy. Tartalmazza a teljes profiljukat, portréjukat és 60 közösen használt támogató skillt.

Telepítsd a csapatot, majd rendeld egy projekthez. A szakértők és a hozzájuk tartozó skillek együtt érkeznek.

Mit kapsz a csomagban?

Ügynökök 10

Csapatok 1

Frontend and design systems

A csapat skilljei 60

Ismerd meg a csapat skilljeit. Nyisd meg a kártyát az érthető leírásért, egy gyakorlati példáért és a skillt használó ügynökökért.

Designtokenek irányítása

Tulajdonossal, aliasokkal és verziózással teszi megbízhatóvá a vizuális döntések eljutását a termékekhez.

design-token-governance

Csomagban lévő fájlok 1

SKILL.md

Vizuális regressziós tesztek

Stabil képernyőkép-összevetést készít a szándékos változás és hiba elválasztására, a képet nem tekintve interakciós bizonyítéknak.

visual-regression-testing

Csomagban lévő fájlok 1

SKILL.md

Designtokenek és témák

Jelentés szerinti felületi szerepekhez kapcsolja a vizuális értékeket az egységes témákért.

design-tokens-theming

Csomagban lévő fájlok 1

SKILL.md

Több márka és sötét mód

Szemantikus színekkel és natív böngészőillesztéssel hoz létre következetes témaváltást külön törékeny komponensstílusok helyett.

multi-brand-dark-mode

Csomagban lévő fájlok 1

SKILL.md

Közös komponensek csomagolása

Kifejezett verziózott szerződésként csomagolja a UI-komponenst és stílust több alkalmazás és fordítási környezet számára.

component-packaging-versioning

Csomagban lévő fájlok 1

SKILL.md

Designrendszer-komponensek migrálása

Áttekinthető adagokban cseréli a régi felületi elemeket, igazolt átvétel után kivezeti a maradványokat.

design-system-migration

Csomagban lévő fájlok 1

SKILL.md

Komponensdokumentáció

Életszerű példával, leírt billentyűzetes működéssel és kifejezett korlátokkal magyarázza a komponensválasztást és használatot.

component-documentation-examples

Csomagban lévő fájlok 1

SKILL.md

Akadálymentes headless komponensek

Ellenőrzi, hogy stílus nélküli alapkomponensek összeépítve is megtartják billentyűzetes, név- és fókuszműködésüket.

headless-component-accessibility

Csomagban lévő fájlok 1

SKILL.md

Akadálymentességi bizonyítékok

Olyan akadálymentességi értékelést készít, amely külön kezeli az automatizált eredményt, kézi interakciót és valódi segítőtechnológiai bizonyítékot.

accessibility-testing-evidence

Csomagban lévő fájlok 1

SKILL.md

Billentyűzet és fókusz

Kiszámítható billentyűzetes navigációt és látható fókuszt tervez vezérlőkön, ablakokon, törlésen és navigáción át.

keyboard-focus-engineering

Csomagban lévő fájlok 1

SKILL.md

Képernyőolvasó-kompatibilitás

Vizsgálja, hogyan olvassa és kezeli ténylegesen a segítőtechnológia a felületet, navigációs módokkal és érthető bejelentésekkel.

screen-reader-compatibility

Csomagban lévő fájlok 1

SKILL.md

Összeállítható komponensfelületek

Kicsi, kiszámítható felületet és rugalmas összeállítást tervez közös komponenshez a natív interakció megtartásával.

component-api-composition

Csomagban lévő fájlok 1

SKILL.md

Akadálymentes űrlapok és hibák

Állandó címkékkel, érthető útmutatókkal és javítható hibaüzenetekkel teszi használhatóbbá az űrlapokat.

accessible-forms-validation

Csomagban lévő fájlok 1

SKILL.md

Komponensműhelyek és Storybook

A meglévő előnézeti környezetben mutat be érdemi komponensállapotokat éles vizuális alapokkal.

storybook-component-workbenches

Csomagban lévő fájlok 1

SKILL.md

Dizájnrendszer bevezetése

Azonos reprezentatív termékfeladaton értékeli a dizájnrendszereket, láthatóvá téve a testreszabási és karbantartási kötelezettséget.

enterprise-design-system-adoption

Csomagban lévő fájlok 1

SKILL.md

Függőségfrissítések igazolása

Lockfile-vizsgálattal, reprodukálható fordítással és valódi integrációs útvonallal igazolja, hogy a függőségfrissítés ténylegesen működik.

compatibility-regression-verification

Csomagban lévő fájlok 1

SKILL.md

Újrahasználható komponensek feltárása

Valós használatból talál valóban közös felületi mintát új alapkomponens kiemelése vagy dizájnrendszer-bővítés előtt.

component-inventory-discovery

Csomagban lévő fájlok 1

SKILL.md

Licenc- és ellátásilánc-kockázat

A csomageredettel és telepítési működéssel együtt vizsgálja a függőség kötelezettségeit és üzemeltetési igényeit.

license-supply-chain-operational-risk

Csomagban lévő fájlok 1

SKILL.md

Keretrendszerhez illő komponensek

Közös vizuális működést őriz meg, miközben a tényleges keretrendszer szokásait követő komponenseket készít.

framework-specific-components

Csomagban lévő fájlok 1

SKILL.md

Fejlesztési megoldások összehasonlítása

Segít úgy választani a megoldások közül, hogy az elkészítés mellett a későbbi karbantartás és a változtatás ára is látható legyen.

trade-off-lifecycle-cost-analysis

Csomagban lévő fájlok 1

SKILL.md

Üzleti projektek alapjai

Segít alkalmazásalapot választani a valódi folyamatilleszkedés, fenntartási teher és egyedi fejlesztési alternatíva összehasonlításával.

business-project-foundations

Csomagban lévő fájlok 4

SKILL.md
references/README.md
references/adoption-checklist.md
references/repositories.json

React és Next.js szerverhatárok

Világos frissességi és jogosultsági szabállyal helyezi el az állapotot kliens és szerver között.

react-next-server-boundaries

Csomagban lévő fájlok 1

SKILL.md

Frontend-ellenőrzés

Projektparancsokkal és valódi böngészős működéssel ellenőrzi a frontendváltozást, majd pontosan leírja a bizonyíték hatókörét.

frontend-verification

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Szerveroldali jogosultsági szabályok

Azonos szabályt alkalmaz műveletre, lekérdezésre, exportra és háttérmunkára, hiányzó környezetnél tiltva.

server-side-policy-enforcement

Csomagban lévő fájlok 1

SKILL.md

Ügyfélbiztos cache, keresés és fájlok

Az adatbázissorokon túl a cache-re, keresési javaslatra, indexre és tárolt fájl elérésére is kiterjeszti az ügyfélelkülönítést.

tenant-aware-cache-search-files

Csomagban lévő fájlok 1

SKILL.md

Típusbiztos szerződések

Nem megbízható határon erősíti az alkalmazási szerződést, és nehezebben előállíthatóvá teszi az érvénytelen üzleti állapotot.

type-safety-contracts

Csomagban lévő fájlok 1

SKILL.md

Teljesítménymérések elemzése

Késleltetésből, tényleges terhelésből és szerveradatból magyarázza a szűk keresztmetszetet.

performance-measurement-analysis

Csomagban lévő fájlok 1

SKILL.md

Vue- és Nuxt-kérések elkülönítése

Elkülöníti a felhasználók saját adatait a szerveroldali megjelenítés során, és ellenőrzi a betöltés és navigáció helyességét.

vue-nuxt-request-isolation

Csomagban lévő fájlok 1

SKILL.md

Ügyfélelkülönítés ellenőrzése

Két munkatér összevethető adataival támadó szemléletben teszteli az ügyfélhatárt, közvetett kapcsolatokra és közös infrastruktúrára is.

tenant-isolation-verification

Csomagban lévő fájlok 1

SKILL.md

Meglévő Vue-projekt megismerése

Feltérképezi a Vue-projektet, hogy az új fejlesztés a tényleges verziókhoz, meglévő elemekhez és adatkezeléshez illeszkedjen.

vue-codebase-discovery

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Kiszámítható Vue-állapotfrissítések

Úgy rendezi a reaktív adatokat, hogy a felület megfelelően frissüljön, ismétlődő állapotok és egymást indító figyelők nélkül.

vue-reactivity

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Újrahasználható Vue-működés

Az ismétlődő reaktív logikát jól körülhatárolt függvényekbe szervezi, világos bemenetekkel és automatikus erőforrás-felszabadítással.

vue-composables

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Pinia megosztott állapot

Megfelelő hatókörbe helyezi a Vue-állapotot, Piniát valóban nézetközi adatokhoz használva.

pinia-state

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Gyors Vue-felület és egységes megjelenítés

Csökkenti a felesleges felületi munkát, és összehangolja a szerveren előállított oldalt a böngésző első megjelenítésével.

vue-performance-ssr

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Angular üzleti űrlapok

Mezőkapcsolatokra, szerveroldali szabályokra és jogosultságokra épít megbízható Angular-szerkesztési folyamatot.

angular-business-form-architecture

Csomagban lévő fájlok 1

SKILL.md

Angular-változtatások ellenőrzése

Sablonellenőrzéssel, célzott tesztekkel és valódi böngészős folyamatokkal igazolja az Angular-változtatás működését.

angular-verification

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Angular-projekt feltérképezése

Megvizsgálja a telepített függőségeket, felépítést és bevett mintákat egy kompatibilis, célzott változtatás előtt.

angular-codebase-discovery

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Angular Reactive Forms

Típusos mezőkkel, összefüggő ellenőrzéssel és szerverhibák kezelésével teszi kiszámíthatóvá az űrlapbeküldést.

angular-reactive-forms

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Angular RxJS-adatfolyamok

Tudatos megszakítással, sorrenddel és hibakezeléssel hangolja össze az Angular aszinkron eseményeit.

angular-rxjs

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Mező- és kapcsolatalapú jogosultságok

Tulajdonos és csapatkapcsolat alapján szabályozza a rekordok látható és szerkeszthető mezőit.

field-relationship-permissions

Csomagban lévő fájlok 1

SKILL.md

SvelteKit fokozatosan bővített folyamatok

Szerveresen ellenőrzött űrlapot épít, amely JavaScript-bővítés előtt is használható és hiba esetén megőrzi a bevitelt.

sveltekit-progressive-workflows

Csomagban lévő fájlok 1

SKILL.md

Szemantikus HTML és hozzáférhető nevek

Jelentést hordozó natív HTML-lel teszi érthetővé a szerkezetet, vezérlőket és állapotokat segítő technológiának.

semantic-html-accessible-names

Csomagban lévő fájlok 1

SKILL.md

Böngészős és eszközös ellenőrzés

Megadott böngészőméreteken, beviteli módokon és navigációs állapotokban vizsgálja a felületet.

browser-cross-device-qa

Csomagban lévő fájlok 1

SKILL.md

Designrendszer bevezetésének tervezése

Felelősökkel, kompatibilitással és reprezentatív próbamigrációval tervezi a fokozatos csapatközi bevezetést.

design-system-adoption-migration

Csomagban lévő fájlok 1

SKILL.md

Jelenlegi működés és regresszió ellenőrzése

Stabil belépési pontokon rögzíti a meglévő működést a szerkezeti változtatásból eredő eltérések észleléséhez.

characterization-regression-checks

Csomagban lévő fájlok 1

SKILL.md

Codemodok és elavult API-k cseréje

Áttekinthető automatikus migrációt végez, majd ellenőrzi a mechanikus átírás által eltéveszthető eseteket.

codemods-deprecation-cleanup

Csomagban lévő fájlok 1

SKILL.md

CRM-adattáblák

Összhangban tartja a CRM nagy táblázatait, kijelöléseit, exportját és tömeges műveleteit az engedélyezett adatkörrel.

crm-data-grid-engineering

Csomagban lévő fájlok 1

SKILL.md

Nagy adathalmazok megjelenítése

Úgy csökkenti és jeleníti meg a nagy adathalmazt, hogy a fontos elemzési jellemzők megmaradjanak.

large-dataset-rendering

Csomagban lévő fájlok 1

SKILL.md

Mutatók jelentésének ellenőrzése

Megvizsgálja, hogy a kimutatás száma megfelelő adatkörrel, egységgel és időhatárral válaszol-e a kérdésedre.

data-semantics-metric-validation

Csomagban lévő fájlok 1

SKILL.md

Diagramadatok és export

Ellenőrizhetővé és exportálhatóvá teszi a diagram adatait szűrők, jogosultságok és táblázatbiztonság megőrzésével.

data-export-tabular-alternatives

Csomagban lévő fájlok 1

SKILL.md

Karakteres felülettervezés

A termék témájából, valós tartalmából és közönségéből vezet le vizuális irányt a meglévő márka tiszteletben tartásával.

frontend-design

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Frontend-megvalósítás

Használható felületté alakítja a terveket: érthető betöltési és hibaállapotokkal, megbízható műveletekkel és különböző képernyőkhöz igazodó elrendezéssel.

frontend-ui-engineering

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Akadálymentes felületek

Segít, hogy a felület billentyűzettel és képernyőolvasóval is használható legyen, jól olvasható színekkel, egyértelmű címkékkel és érthető hibaüzenetekkel.

web-accessibility

Csomagban lévő fájlok 1

SKILL.md

Felület vizuális ellenőrzése

Valódi böngészőállapotban, képernyőméretben és szélsőséges tartalomban tárja fel a felülethibát a késznek nyilvánítás előtt.

visual-qa

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Designrendszer bővítése

A meglévő komponensekből, tokenekből és valódi ismétlődésekből épít egységes felületi alapokat.

design-system

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Átgondolt felületi animációk

Visszafogott mozgással teszi érthetőbbé az állapotváltásokat és a visszajelzéseket, miközben a gyakori műveletek gyorsak maradnak.

ui-motion

Csomagban lévő fájlok 2

LICENSE.txt
SKILL.md

Vizuális erőforrás briefje

Az oldal kommunikációs igényét kompozícióval, kimeneti formátummal és márkakorláttal ellátott megvalósítható képbrieffé alakítja.

visual-asset-brief

Csomagban lévő fájlok 1

SKILL.md

Gyorsabb weboldalak mért eredményekkel

Megkeresi a lassú betöltés és késői reakciók valódi okát, majd összehasonlítható előtte-utána méréssel ellenőrzi a javítást.

web-performance

Csomagban lévő fájlok 1

SKILL.md

Landingoldal-konverzió

Egy világos látogatói eredmény, valós bizonyíték és célzott következő lépés köré szervezi az oldalt.

landing-page-conversion

Csomagban lévő fájlok 1

SKILL.md

Mobilalkalmazás felhasználói élménye

Platformszokások, érintés, hálózati körülmények és világos visszajelzés köré formál teljes mobilos utakat.

mobile-app-ux

Csomagban lévő fájlok 1

SKILL.md

Előfeltételek

A számítógépedre telepített Orqestria.
Az ügynök futtatásához egy beállított, bejelentkezett támogatott modellszolgáltató.

Még nincs ellenőrizve az appban Telepítés az Orqestriába

Az app megmutatja, mi van már meg, és a telepítés előtt áttekintheted a hiányzó elemeket.

Csomag letöltése

Orqestria letöltése

Töltsd le az appot, majd a folytatási hivatkozással térj vissza ehhez a verzióhoz. A letöltött csomagot az appban is megnyithatod.

Orqestria letöltése Macre

Folytatási hivatkozás

Folytatási hivatkozás Pontos telepítési hivatkozás

1.0.0+3cb395e5dd199819288cdcb6 verzió

A telepítés helyi másolatot hoz létre. Ellenőrizd a fájlokat és az előfeltételeket az appban. Az importált skillek nem megbízhatóak; a telepítés nem futtat szkripteket.