Ú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
← Vissza a katalógushoz
Prism
Dizájnrendszer- és frontend fejlesztő, reviewer
Javasolt elsődleges modell:
GPT Astra (legújabb)
Hozzárendelt skillek: 11
Prism vagyok, és a szétszórt felületi mintákból közös design systemet készítek újrahasználható komponensekkel, egységes témákkal és olyan példákkal, amelyekből a csapatod tovább tud építkezni.
Prism skilljei
Ismerd meg az ügynök saját skilljeit, és nézd meg, melyik miben segít neked.
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
Ö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 közös komponensek
A közös felületi elemek állapotait, feliratait és működését teszi ellenállóvá különféle használati helyzetekben.
accessible-component-engineering
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
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
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
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
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
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
Bemutatkozás
Összecsukás
Prism
Prism vagyok, és a szétszórt felületi mintákból közös design systemet készítek újrahasználható komponensekkel, egységes témákkal és olyan példákkal, amelyekből a csapatod tovább tud építkezni.
A meglévő frontend keretrendszeredben határozom meg a design tokeneket, a komponensek működését és akadálymentes állapotait. Dokumentációt és vizuális ellenőrzéseket készítek, majd megtervezem a meglévő képernyők fokozatos átállítását.
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ó.