Firecrawl Build Onboarding
firecrawl/firecrawl
Gets Firecrawl working in a project: signs you in through the browser, saves FIRECRAWL_API_KEY to .env and picks the first SDK or REST path.
Integrate ngx-stripe in an Angular application: provideNgxStripe, injectStripe, StripeService Observables, and ngx-stripe- Elements.
MITAuto-check passed
Install Ngx Stripe
$ npx skills add richnologies/ngx-stripe --skill ngx-stripe -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install richnologies/ngx-stripe ngx-stripe --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/richnologies/ngx-stripe.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ngx-stripe .claude/skills/ngx-stripe && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ngx-stripe" agent skill from https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripe into .claude/skills/ngx-stripe/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ngx-stripe", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripeType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add richnologies/ngx-stripe --skill ngx-stripe -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install richnologies/ngx-stripe ngx-stripe --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/richnologies/ngx-stripe.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/ngx-stripe .agents/skills/ngx-stripe && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ngx-stripe" agent skill from https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripe into .agents/skills/ngx-stripe/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ngx-stripe", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add richnologies/ngx-stripe --skill ngx-stripe -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install richnologies/ngx-stripe ngx-stripe --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/richnologies/ngx-stripe.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/ngx-stripe .cursor/skills/ngx-stripe && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ngx-stripe" agent skill from https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripe into .cursor/skills/ngx-stripe/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ngx-stripe", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/richnologies/ngx-stripe.git --path skills/ngx-stripe--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add richnologies/ngx-stripe --skill ngx-stripe -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install richnologies/ngx-stripe ngx-stripe --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/richnologies/ngx-stripe.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/ngx-stripe .gemini/skills/ngx-stripe && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ngx-stripe" agent skill from https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripe into .gemini/skills/ngx-stripe/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ngx-stripe", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install richnologies/ngx-stripe ngx-stripeInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add richnologies/ngx-stripe --skill ngx-stripe -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/richnologies/ngx-stripe.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/ngx-stripe .github/skills/ngx-stripe && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ngx-stripe" agent skill from https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripe into .github/skills/ngx-stripe/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ngx-stripe", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add richnologies/ngx-stripe --skill ngx-stripe -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install richnologies/ngx-stripe ngx-stripe --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/richnologies/ngx-stripe.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/ngx-stripe .opencode/skills/ngx-stripe && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ngx-stripe" agent skill from https://github.com/richnologies/ngx-stripe/tree/main/skills/ngx-stripe into .opencode/skills/ngx-stripe/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ngx-stripe", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
ngx-stripe- GitHub stars
- 245
- Token cost
- ~681 tokens
- SKILL.md length
- 220 words
- Files
- 2
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- MIT
At a glance
Integrate ngx-stripe in an Angular application: provideNgxStripe, injectStripe, StripeService Observables, and ngx-stripe- Elements.
- Adding payments to an app
- SKILL.md covers clientSecret, Ownership, Do not and Resources
- Calls npx and npm
- Installing ngx-stripe
What it does
Ngx Stripe is an agent skill from richnologies/ngx-stripe. Integrate ngx-stripe in an Angular application: provideNgxStripe, injectStripe, StripeService Observables, and ngx-stripe- Elements. Use when adding payments to an app, installing ngx-stripe, wrapping Stripe Elements, Payment Element, Express Checkout, or picking an ngx-stripe version lane. Do not use when maintaining the ngx-stripe library itself.
Its SKILL.md is about 680 tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `elements.md`).
It works with Stripe and Angular. The repository describes itself as: Angular 6+ wrapper for StripeJS. The licence is MIT.
When your agent uses it
- Adding payments to an app
- Installing ngx-stripe
- Wrapping Stripe Elements
- Payment Element
Example prompts
- “/ngx-stripe”
Requirements
- Node.js
What it can do on your machine
Read from SKILL.md and the folder at commit 181a4a0. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npxnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
ngx-stripe.devagentskills.io
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Ngx Stripe loads about 681 tokens when it runs. Until then it costs about 91 tokens; SKILL.md has 220 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from richnologies/ngx-stripe at commit 181a4a0, republished under its MIT licence (© richnologies). 220 words, ~681 tokens.
Download SKILL.mdSave it as
.claude/skills/ngx-stripe/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- ngx-stripe
- description
- Integrate ngx-stripe in an Angular application: provideNgxStripe, injectStripe, StripeService Observables, and ngx-stripe-* Elements. Use when adding payments to an app, installing ngx-stripe, wrapping Stripe Elements, Payment Element, Express Checkout, or picking an ngx-stripe version lane. Do not use when maintaining the ngx-stripe library itself.
ngx-stripe (consumer)
ngx-stripe wraps Stripe.js for Angular. It does not own types, Element UI, payment methods, or PCI.
This is an Agent Skill (SKILL.md). Install from GitHub into any editor that supports the format:
npx skills add richnologies/ngx-stripe- Types:
@stripe/stripe-jsonly. Do not invent parallel interfaces. - Install:
npm install ngx-stripe @stripe/stripe-js - Version:
{angularMajor}.{stripeJsMajor}.{patch}— e.g.22.10.xis Angular 22 + Stripe.js v10 (endive CDN). - Setup:
provideNgxStripe('pk_…')inappConfig.providers, theninjectStripe(). KeepNgxStripeModule.forRoot()only for existing NgModule apps. - Service methods return Observables (
from(stripe.method()).pipe(first())). Subscribe or convert; do not treat them as Promises. - Elements: put hosts inside
<ngx-stripe-elements [stripe]="stripe" [elementsOptions]="elementsOptions">. Implicit[stripe]on the child is deprecated. - Split Card (
ngx-stripe-card-number/expiry/cvc) must be wrapped inngx-stripe-card-group.
clientSecret
If the Element needs an Intent, set elementsOptions.clientSecret before the parent Elements instance is created. Nested Elements cannot update clientSecret later.
@if (elementsOptions.clientSecret) {
<ngx-stripe-elements [stripe]="stripe" [elementsOptions]="elementsOptions">
<ngx-stripe-payment />
</ngx-stripe-elements>
}Payment Element also has doNotCreateUntilClientSecretIsSet for the implicit (no parent) path.
Ownership
| ngx-stripe | Stripe.js |
|---|---|
| DI, CDN loader, Observables, host components | Appearance, options, validation copy, payment methods |
Link Stripe docs for styling/options. Link ngx-stripe docs for selectors and Angular lifecycle.
Do not
- Use
ngx-stripe-payment-request-buttonon Stripe.js v10 / ngx-stripe*.10(removed; use Express Checkout or Payment Element, or stay on a dahlia lane). Old URLs: https://ngx-stripe.dev/docs/payment-request-button - Duplicate Stripe types inside the app.
- Call
elements.update({ clientSecret })on an already-created nested Elements group.
Resources
- Docs: https://ngx-stripe.dev
- Machine index: https://ngx-stripe.dev/llms.txt
- Full element map: elements.md
© richnologies, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in skills/ngx-stripe of richnologies/ngx-stripe.
- SKILL.md
- elements.md
Open the folder on GitHubat commit 181a4a0
Compare with similar skills
Ngx Stripe next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Ngx Stripe this skillrichnologies/ngx-stripe | 245 | — | ~681 | Automated safety check: Pass | MIT | |
| Firecrawl Build Onboardingfirecrawl/firecrawl | 190k | 1 repos | ~1.4k | Automated safety check: Notes | ISC | |
| Minimax PDFpoco-ai/poco-claw | 1.4k | 6 repos | ~2.1k | Automated safety check: Pass | MIT | |
| Get API Docs with chubandrewyng/context-hub | 14k | 1 repos | ~775 | Automated safety check: Pass | MIT | |
| Boneyard0xGF/boneyard | 7.5k | — | ~2.2k | Automated safety check: Notes | MIT | |
| Stripe Projectsfossasia/eventyay | 1.7k | 5 repos | ~2k | Automated safety check: Notes | Apache-2.0 |
Similar skills
Minimax PDF
poco-ai/poco-claw
A skill your agent uses when visual quality and design identity matter for a PDF.
Get API Docs with chub
andrewyng/context-hub
Fetches current documentation for third-party APIs and SDKs with the chub CLI before the agent writes code against them, instead of relying on remembered API shapes.
Boneyard
0xGF/boneyard
Use boneyard-js to add, configure, debug, or rebuild skeleton screens.
Stripe Projects
fossasia/eventyay
A skill your agent uses when the user wants to provision infrastructure or third-party services using Stripe Projects.
Code Review Skill
awesome-skills/code-review-skill
Provides comprehensive code review guidance for React 19, Vue 3, Angular 17+, Svelte 5, Rust, TypeScript, Java, Java 8, PHP, Ruby, Rails, Python, Django, FastAPI, Go, C/.NET, Kotlin, Swift, Dart…
Related
Questions about Ngx Stripe
What does Ngx Stripe do?
Integrate ngx-stripe in an Angular application: provideNgxStripe, injectStripe, StripeService Observables, and ngx-stripe- Elements. Ngx Stripe is an agent skill from richnologies/ngx-stripe. Integrate ngx-stripe in an Angular application: provideNgxStripe, injectStripe, StripeService Observables, and ngx-stripe- Elements.
When should I use Ngx Stripe?
Ngx Stripe fits situations like: adding payments to an app; installing ngx-stripe; wrapping Stripe Elements; payment Element.
How do I install Ngx Stripe in Claude Code?
Run `npx skills add richnologies/ngx-stripe --skill ngx-stripe -a claude-code`. Or copy the skill folder (skills/ngx-stripe in richnologies/ngx-stripe) into .claude/skills/ngx-stripe in your project. Claude Code loads it when a task matches its description.
How do I install Ngx Stripe in Codex?
Run `npx skills add richnologies/ngx-stripe --skill ngx-stripe -a codex`. Or copy the skill folder (skills/ngx-stripe in richnologies/ngx-stripe) into .agents/skills/ngx-stripe in your project. Codex loads it when a task matches its description.
Can I use Ngx Stripe in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add richnologies/ngx-stripe --skill ngx-stripe -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ngx-stripe, .gemini/skills/ngx-stripe, .github/skills/ngx-stripe and .opencode/skills/ngx-stripe in your project.
What does Ngx Stripe need to run?
Going by SKILL.md and its folder, Ngx Stripe needs the command-line tools its instructions call (npx and npm). Our summary lists: Node.js.
Does Ngx Stripe access the network?
SKILL.md names 2 domains. As links in the text: ngx-stripe.dev and agentskills.io. This is read from the text; nothing was executed.
Is Ngx Stripe safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Ngx Stripe use?
Ngx Stripe is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Ngx Stripe use?
About 681 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Ngx Stripe?
Skills that share tags, products or a category with Ngx Stripe: Firecrawl Build Onboarding (firecrawl/firecrawl, 190k stars), Minimax PDF (poco-ai/poco-claw, 1.4k stars), Get API Docs with chub (andrewyng/context-hub, 14k stars) and Boneyard (0xGF/boneyard, 7.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Ngx Stripe?
richnologies (a GitHub user) maintains it in richnologies/ngx-stripe, which has 245 GitHub stars. The repository was last updated on October 10, 2026.
Source: richnologies/ngx-stripe on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.