playwright-bdd-gherkin-syntax

playwright-bdd-gherkin-syntax is a skill for Claude Code from punkadillo/figma-code-composer. It costs 39 tokens per session (3,365 once invoked), scanned A, original, MIT.

A guide to Gherkin, a plain-text format for describing software behavior in scenarios that use words such as Given, When, and Then.

In plain words
What is it for?
Use it to write feature files, scenario outlines with examples, shared setup, tags, and localized Gherkin syntax.
Why use it?
It helps teams describe expected behavior consistently and organize browser tests without putting all test logic in code.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter.

Good fit Use it to write feature files, scenario outlines with examples, shared setup, tags, and localized Gherkin syntax.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/punkadillo/figma-code-composer/playwright-bdd-gherkin-syntax
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.

Any agent
npx skills add punkadillo/figma-code-composer --skill playwright-bdd-gherkin-syntax
Clone the repo
git clone --depth 1 https://github.com/punkadillo/figma-code-composer

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 playwright-bdd-gherkin-syntax

README.md
[![agentmods](https://agentmods.dev/badge/skills/punkadillo/figma-code-composer/playwright-bdd-gherkin-syntax.svg)](https://agentmods.dev/skills/punkadillo/figma-code-composer/playwright-bdd-gherkin-syntax)
Your own site
<a href="https://agentmods.dev/skills/punkadillo/figma-code-composer/playwright-bdd-gherkin-syntax"><img src="https://agentmods.dev/badge/skills/punkadillo/figma-code-composer/playwright-bdd-gherkin-syntax.svg" alt="Measured on agentmods" height="20"></a>
Per session 39 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,365 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
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.00039 $0.03365
Opus 5 $0.00019 $0.01682
Sonnet 5 $0.00008 $0.00673
Haiku 4.5 $0.00004 $0.00336

Measured 4d ago against content hash 3a43a416d752, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-08, from the pricing page.

Security

Grade A, and why

playwright-bdd-gherkin-syntax 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 4d 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.

.figma-pipeline/skills/playwright-bdd-gherkin-syntax/SKILL.md · 644 lines

How it starts

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

Playwright BDD Gherkin Syntax

Expert knowledge of Gherkin syntax for writing feature files in Playwright BDD, including scenarios, outlines, backgrounds, tags, and internationalization.

Overview

Gherkin is a domain-specific language for describing software behavior in plain text. Playwright BDD uses Gherkin feature files (.feature) that are transformed into Playwright test files via bddgen.

Feature File Structure

Basic Structure

Feature: User Authentication
  As a user
  I want to be able to log in
  So that I can access my account

  Background:
    Given I am on the login page

  Scenario: Successful login
    When I enter valid credentials
    And I click the login button
    Then I should see the dashboard

  Scenario: Failed login
    When I enter invalid credentials
    And I click the login button
    Then I should see an error message

Feature Declaration

Feature: Short descriptive title

  Optional description spanning
  multiple lines explaining the
  feature's purpose and context.

Keywords

Given - Preconditions

Describes the initial context or state:

Given I am logged in as "admin"
Given the shopping cart is empty
Given the following users exist:
  | name  | email           |
  | Alice | [email protected]  |
  | Bob   | [email protected]    |

When - Actions

Describes the action or event:

When I click the "Submit" button
When I fill in "email" with "[email protected]"
When I select "Express" from the shipping options
When 24 hours have passed

Then - Outcomes

Describes the expected outcome:

Then I should see "Welcome back!"
Then the cart should contain 3 items
Then I should be redirected to the dashboard
Then an email should be sent to "[email protected]"

And / But - Continuation

Continues the previous Given/When/Then:

Given I am logged in
And I have items in my cart
But I have not entered a shipping address

When I click checkout
And I enter my payment details

Then I should see the confirmation page
And I should receive an order email
But I should not be charged twice

Read the full file on GitHub · 644 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. 4d ago First seen · 644 lines · 39 tokens per session scan A 3a43a416d752

Subscribe to this mod's changes

playwright-bdd-gherkin-syntax is a skill published in the GitHub repository punkadillo/figma-code-composer (3 stars, last pushed 19d ago), licensed MIT. It adds 39 tokens to every session and 3,365 once invoked, about $0.0002 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-09-03.

Related

Other skills, from other repositories

test-automation

Execute Vitest and Playwright test suites with result collection and failure analysis.

a5c-ai/babysitter · 0 tokens

qa-testing

Generate and execute API and E2E tests with quality gate assessment.

a5c-ai/babysitter · 0 tokens

test-engineer

Automated E2E testing with Playwright including the auto-fix loop — generate test cases from the UI, run them, fix failures and re-run until passing, then produce a human-readable report. Test until it passes, not just test and report. Drives /toh-test; use whenever tests must be written, run, or made green.

wasintoh/toh-framework · 75 tokens

testing-strategy

Comprehensive testing skill covering unit, integration, and e2e testing with TDD. Use when writing tests, improving coverage, or setting up testing infrastructure. Keywords: test, TDD, unit test, integration, e2e, coverage, mock, jest, vitest.

VoDaiLocz/kilo-kit-mcp · 60 tokens

test-automation

Plan, write, and review automated tests following KATA (Komponent Action Test Architecture) on Playwright + TypeScript, or explain existing automated tests in a sealed read-only mode. Use when writing E2E or API/integration tests, creating Page or Api components, designing ATCs, parameterizing test data, registering…

upex-galaxy/agentic-qa-boilerplate · 151 tokens

dpf-verify-on-live-install

Use when asked to functionally verify that a DPF feature works on the live install by driving the happy path on the running portal.

OpenDigitalProductFactory/opendigitalproductfactory · 35 tokens