← All skill packs

UI Design & Frontend Skills

Skill pack
5 skills0 selected
pleo-groupSkills in this pack

Pierwszy router promptu po target-only version preflight. Szybko klasyfikuj bieżący prompt pod najlepszy poziom modelu, reasoning, koszt i dobór skilli wykonawczych. Nie raportuj tego skilla w telemetryce, bo jego nazwa zaczyna się od pleo-library-.

Polish

Raportuje eventy cyklu życia dla realnie użytych skilli, których nazwa nie zaczyna się od pleo-library-. Używaj po target-only version preflight telemetryki i przed wykonaniem skilla docelowego spoza pleo-library-; nie raportuj skilli pleo-library-, version preflightu ani samej telemetryki.

Polish

Pomocniczo dobieraj podbicie wersji lokalnych skillów i specyfikacji w modelu R.M.L. Używaj po decyzji, że artefakt w skills/ albo docs/sdd/ faktycznie jest zmieniany lub publikowany; nie używaj jako pre-response ani ogólnego triggera dla zwykłych zadań.

Polish

Implementuj i reviewuj UI korzystające z @pleodigital/design-system-votey w design-system-votey, wyborek-crm, votey-user-app oraz innych potwierdzonych konsumentach paczki. Używaj przy przekładaniu handoffu z Figmy na kod, doborze tokenów, responsywności, assetów SVG, publicznego API paczki i lokalnych prymitywów Votey. Triggeruj dla zmian Angular/SCSS w CRM, React/Next/Tailwind w PWA, tokenów Votey, importów @pleodigital/design-system-votey, @votey/, tokens.angular.css, tokens.light.css, tokens.dark.css, tokens.tailwind.css, klas rv-, provideVoteyDeviceDetection() oraz implementacji z makiet Figmy w ekosystemie Votey. Pomiń dla projektów BoxEs, aplikacji bez tej paczki oraz samego odczytu Figmy bez implementacji w kodzie.

Polish

Dodawaj, przenoś, zmieniaj nazwy, usuwaj i audytuj źródłowe ikony, ilustracje oraz logotypy SVG w design-system-votey. Używaj zawsze, gdy użytkownik załącza SVG i prosi o dodanie ich do Votey Design System, pyta o właściwy folder lub nazwę icon / illu / logo, oczekuje wygenerowania eksportów Angular i React, aktualizacji galerii assetów w Storybooku albo diagnozy, dlaczego asset nie pojawia się w dist lub Storybooku. Skill obejmuje walidację wejścia, klasyfikację, bezpieczny zapis źródeł, pełny build, testy assetów i build Storybooka. Nie używaj go tylko do importowania już opublikowanego assetu w CRM lub PWA — ten zakres należy do votey-design-system.

Polish

Includes Pleo Library Prompt Model Triage, Pleo Library Telemetry Lifecycle, Pleo Library Versioning Rml, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorygeneralStars0

What’s included

Pleo Library Prompt Model Triage

Pierwszy router promptu po target-only version preflight. Szybko klasyfikuj bieżący prompt pod najlepszy poziom modelu, reasoning, koszt i dobór skilli wykonawczych. Nie raportuj tego skilla w telemetryce, bo jego nazwa zaczyna się od pleo-library-.

Pleo Library Telemetry Lifecycle

Raportuje eventy cyklu życia dla realnie użytych skilli, których nazwa nie zaczyna się od pleo-library-. Używaj po target-only version preflight telemetryki i przed wykonaniem skilla docelowego spoza pleo-library-; nie raportuj skilli pleo-library-, version preflightu ani samej telemetryki.

Pleo Library Versioning Rml

Pomocniczo dobieraj podbicie wersji lokalnych skillów i specyfikacji w modelu R.M.L. Używaj po decyzji, że artefakt w skills/ albo docs/sdd/ faktycznie jest zmieniany lub publikowany; nie używaj jako pre-response ani ogólnego triggera dla zwykłych zadań.

Votey Design System

Implementuj i reviewuj UI korzystające z @pleodigital/design-system-votey w design-system-votey, wyborek-crm, votey-user-app oraz innych potwierdzonych konsumentach paczki. Używaj przy przekładaniu handoffu z Figmy na kod, doborze tokenów, responsywności, assetów SVG, publicznego API paczki i lokalnych prymitywów Votey. Triggeruj dla zmian Angular/SCSS w CRM, React/Next/Tailwind w PWA, tokenów Votey, importów @pleodigital/design-system-votey, @votey/, tokens.angular.css, tokens.light.css, tokens.dark.css, tokens.tailwind.css, klas rv-, provideVoteyDeviceDetection() oraz implementacji z makiet Figmy w ekosystemie Votey. Pomiń dla projektów BoxEs, aplikacji bez tej paczki oraz samego odczytu Figmy bez implementacji w kodzie.

Votey Svg Assets

Dodawaj, przenoś, zmieniaj nazwy, usuwaj i audytuj źródłowe ikony, ilustracje oraz logotypy SVG w design-system-votey. Używaj zawsze, gdy użytkownik załącza SVG i prosi o dodanie ich do Votey Design System, pyta o właściwy folder lub nazwę icon / illu / logo, oczekuje wygenerowania eksportów Angular i React, aktualizacji galerii assetów w Storybooku albo diagnozy, dlaczego asset nie pojawia się w dist lub Storybooku. Skill obejmuje walidację wejścia, klasyfikację, bezpieczny zapis źródeł, pełny build, testy assetów i build Storybooka. Nie używaj go tylko do importowania już opublikowanego assetu w CRM lub PWA — ten zakres należy do votey-design-system.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Pleo Library Prompt Model Triage skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
UI Design & Frontend Skills | Agent Skills Atlas