Toolverse
All skills

flowglad-pricing-ui

by flowglad

Build pricing pages, pricing cards, and plan displays with Flowglad. Use this skill when creating pricing tables, displaying subscription options, or building plan comparison interfaces.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
flowglad
Category
Security
Views
3

About this skill

Build pricing pages, pricing cards, and plan displays with Flowglad. Use this skill when creating pricing tables, displaying subscription options, or building plan comparison interfaces.

How to use

  1. Zainstaluj skill Flowglad Pricing UI w swoim projekcie i upewnij się, że masz dostęp do danych modelu cenowego poprzez helper functions getProduct i getPrice.
  2. Poczekaj na załadowanie pricingModel przed renderowaniem komponentów — użyj usePricingModel do publicznych stron cenowych lub poczekaj na dane z API.
  3. Pobierz produkty i ceny za pomocą helperów, przefiltruj je według potrzeb (np. tylko aktywne plany) i wyodrębnij informacje o funkcjach dla każdego planu.
  4. Sformatuj ceny z centów na walutę (np. 9900 centów = 99,00 zł), wyświetl okres rozliczeniowy (miesięczny/roczny) i dodaj przełącznik do zmiany interwału.
  5. Wykryj aktualny plan subskrypcji użytkownika i wyróżnij go wizualnie — zablokuj przycisk CTA lub zmień styl dla aktualnego planu.
  6. Dostosuj layout do urządzeń mobilnych — skill zawiera wzorce responsywne dla tabel cenowych i kart planów.

Related skills

python-expert

by Shubhamsaboo

Senior Python developer expertise for writing clean, efficient, and well-documented code.\nUse when: writing Python code, optimizing Python scripts, reviewing Python code for best practices,\ndebugging Python issues, implementing type hints, or when user mentions Python, PEP 8,

Security
2777

zendesk

by vm0-ai

Zendesk Support REST API for managing tickets, users, organizations, and support operations. Use this skill to create tickets, manage users, search, and automate customer support workflows.

Security
11100

reverse-engineering-tools

by gmh5225

Guide for reverse engineering tools and techniques used in game security research. Use this skill when working with debuggers, disassemblers, memory analysis tools, binary analysis, or decompilers for game security research.

Security
3168

software-security

by project-codeguard

A software security skill that integrates with Project CodeGuard to help AI coding agents write secure code and prevent common vulnerabilities. Use this skill when writing, reviewing, or modifying code to ensure secure-by-default practices are followed.

Security
1678

senior-security

by davila7

Comprehensive security engineering skill for application security, penetration testing, security architecture, and compliance auditing. Includes security assessment tools, threat modeling, crypto implementation, and security automation. Use when designing security architecture,

Security
2482

llama-cpp

by zechenzhangAGI

Runs LLM inference on CPU, Apple Silicon, and consumer GPUs without NVIDIA hardware. Use for edge deployment, M1/M2/M3 Macs, AMD/Intel GPUs, or when CUDA is unavailable. Supports GGUF quantization (1.5-8 bit) for reduced memory and 4-10× speedup vs PyTorch on CPU.

Security
11252