stripe-pwa-elements CLAUDE.md

stripe-pwa-elements CLAUDE.md is an instructions file for Claude Code from hideokamoto/stripe-pwa-elements. It costs 4,955 tokens per session, scanned A, original, MIT.

Project instructions for a web-component library that provides Stripe payment fields for progressive web apps, websites designed to work like installable apps. It explains the repository structure, tools, and development conventions.

In plain words
What is it for?
Use it when changing, testing, building, or documenting the Stripe payment components in this repository.
Why use it?
An unfamiliar codebase can be easy to misuse without knowing where its components, examples, documentation, and checks live. These instructions give an agent the project context needed to work consistently.

Instructions file for Claude Code

Written for Claude Code: the file is CLAUDE.md. Also seen: mentions CLAUDE.md.

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/hideokamoto/stripe-pwa-elements/claude-md
Clone the repo
git clone --depth 1 https://github.com/hideokamoto/stripe-pwa-elements

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for stripe-pwa-elements CLAUDE.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/hideokamoto/stripe-pwa-elements/claude-md.svg)](https://agentmods.dev/instructions/hideokamoto/stripe-pwa-elements/claude-md)
Your own site
<a href="https://agentmods.dev/instructions/hideokamoto/stripe-pwa-elements/claude-md"><img src="https://agentmods.dev/badge/instructions/hideokamoto/stripe-pwa-elements/claude-md.svg" alt="Measured on agentmods" height="20"></a>
Per session 4,955 This file is loaded in full into every session.
When invoked 4,955 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.04955 $0.04955
Opus 5 $0.02478 $0.02478
Sonnet 5 $0.00991 $0.00991
Haiku 4.5 $0.00496 $0.00496

Measured 5d ago against content hash c5556c8a5e5b, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

stripe-pwa-elements CLAUDE.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

CLAUDE.md · 513 lines

How it starts

The opening of the file, as written. The whole thing — 513 lines — stays where its author put it; the contents beside it link to each section on GitHub.

CLAUDE.md - AI Assistant Guide for stripe-pwa-elements

This document provides comprehensive guidance for AI assistants working with the stripe-pwa-elements codebase.

Project Overview

stripe-pwa-elements is a web component library that provides Stripe payment elements for Progressive Web Apps. It uses Stencil.js (version 4.38+) to build framework-agnostic web components that can be used across any web platform.

  • Repository: https://github.com/wpkyoto/stripe-pwa-elements
  • License: MIT
  • Version: 3.2.0
  • Main Technology: Stencil.js 4.x (web components framework)
  • Primary Dependencies: @stripe/stripe-js ^8.6.0, i18next for internationalization, ionicons

Repository Structure

stripe-pwa-elements/
├── .github/                    # GitHub configuration
│   ├── workflows/
│   │   └── ci.yml             # CI/CD pipeline (lint, type-check, tests, build)
│   ├── CODE_OF_CONDUCT.md
│   └── CONTRIBUTING.md         # Contribution guidelines with commit conventions
├── docs/                       # Astro/Starlight documentation site
├── example/                    # Example HTML files demonstrating usage
│   ├── index.html
│   ├── example2.html
│   ├── example3.html          # Payment Element
│   ├── example4.html          # Link Authentication
│   ├── address-example.html   # Address Element
│   └── example-express-checkout.html  # Express Checkout
├── src/                        # Source code
│   ├── components/            # Web components (9 components)
│   │   ├── stripe-address-element/        # Address collection form
│   │   ├── stripe-card-element/           # Card Element component (card number, expiry, CVC)
│   │   ├── stripe-card-element-modal/     # Combined card element with modal
│   │   ├── stripe-currency-selector/      # Currency selector for Adaptive Pricing
│   │   ├── stripe-express-checkout-element/ # Express Checkout (Apple Pay, Google Pay, etc.)
│   │   ├── stripe-link-authentication-element/ # Email + Stripe Link authentication
│   │   ├── stripe-modal/                  # Modal wrapper component
│   │   ├── stripe-payment-element/        # Unified Payment Element
│   │   └── stripe-payment-request-button/ # Payment Request API button (Beta)
│   │       Each component has: *.tsx, *.scss, readme.md (auto-generated), test/
│   ├── services/              # Service layer (dependency injection)
│   │   ├── interfaces.ts      # IStripeService + element manager interfaces
│   │   ├── stripe-service.ts  # StripeServiceClass: Stripe.js init, Elements/Checkout state
│   │   ├── factory.ts         # ServiceFactory: DI wiring, default serviceFactory singleton
│   │   ├── card-element-manager.ts
│   │   ├── payment-element-manager.ts
│   │   ├── address-element-manager.ts
│   │   ├── link-authentication-element-manager.ts
│   │   ├── currency-selector-element-manager.ts
│   │   ├── express-checkout-element-manager.ts
│   │   └── *.spec.ts          # Unit tests for each manager
│   ├── utils/                 # Utility functions
│   │   ├── element-finder.ts  # DOM element lookup helpers
│   │   ├── error.ts           # StripeAPIError and error handling utilities
│   │   ├── i18n.ts            # Internationalization setup (i18next)
│   │   ├── platform.ts        # Platform detection utilities
│   │   ├── test-setup.ts      # Jest test environment setup
│   │   └── utils.ts           # General utilities (checkPlatform, etc.)
│   ├── style/                 # Global styles
│   │   ├── rest.scss          # CSS reset styles
│   │   └── theme.scss         # Theme variables
│   ├── components.d.ts        # Generated TypeScript definitions
│   ├── index.ts               # Entry point
│   ├── index.html             # Development/demo page
│   └── interfaces.ts          # TypeScript interfaces and types
├── stencil.config.ts          # Stencil build configuration
├── stencil.config.unit.ts     # Stencil config for unit tests
├── stencil.config.component.ts # Stencil config for component tests
├── tsconfig.json              # TypeScript configuration
├── eslint.config.js           # ESLint flat config (replaces .eslintrc.json)
├── .prettierrc.json           # Prettier configuration
├── package.json               # Project dependencies and scripts
└── readme.md                  # Project README

Read the full file on GitHub · 513 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 5d ago First seen · 513 lines · 4,955 tokens per session scan A c5556c8a5e5b

Subscribe to this mod's changes

stripe-pwa-elements CLAUDE.md is an instructions file published in the GitHub repository hideokamoto/stripe-pwa-elements (5 stars, last pushed 2mo ago), licensed MIT. It adds 4,955 tokens to every session, about $0.0248 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.