Detects project frameworks to generate test directories, playwright configurations, dependencies, and CI workflows.
Install
mkdir -p .claude/skills/init && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/3305" && unzip -o skill.zip -d .claude/skills/init && rm skill.zipInstalls to .claude/skills/init
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Set up Playwright in a project. Use when user says "set up playwright", "add e2e tests", "configure playwright", "testing setup", "init playwright", or "add test infrastructure".Key capabilities
- →Detect project framework and configuration
- →Generate playwright.config.ts
- →Create test directory structure
- →Generate CI workflow files
How it works
The skill analyzes the project's framework and existing files to generate tailored configuration, test folders, and CI workflows.
Inputs & outputs
When to use init
- →Initialize E2E tests
- →Configure Playwright for Next.js
- →Setup test infrastructure
About init
Detects project framework and existing configuration to generate playwright.config.ts and test directories. Installs necessary dependencies and CI workflow files.
Set up Playwright in a project. Use when user says "set up playwright", "add e2e tests", "configure playwright", "testing setup", "init playwright", or "add test infrastructure".
When not to use it
- →When the project already has a complete testing infrastructure
Limitations
- →Requires manual verification if initial tests fail
- →Depends on project structure for accurate detection
How it compares
It automates the detection and setup process based on the specific framework detected, rather than manual configuration.
Compared to similar skills
init side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| init (this skill) | 1 | 6mo | Review | Beginner |
| roier-seo | 4 | 8mo | Review | Intermediate |
| a11y-audit | 0 | 6mo | Review | Intermediate |
| 4-maid-development | 0 | 6mo | No flags | Advanced |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by alirezarezvani
View all by alirezarezvani →You might also like
roier-seo
davila7
Technical SEO auditor and fixer. Runs Lighthouse/PageSpeed audits on websites or local dev servers, analyzes SEO/performance/accessibility scores, and automatically implements fixes for meta tags, structured data, Core Web Vitals, and accessibility issues.
a11y-audit
jarbitechture
Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating acce
4-maid-development
megori
MAID Phase 4 - Development phase. Use for implementing features, TDD practices, code reviews, transitioning from planning to QA.
i18n-expert
daymade
This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON locales), including installing/configuring the i18n framework, replacing hard-coded strings, ensuring en-US/zh-CN coverage, mapping error codes to localized messages, and validating key parity, pluralization, and formatting.
ai-model-web
TencentCloudBase
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111 recommended) and DeepSeek (deepseek-v3.2 recommended). NOT for Node.js backend (use ai-model-nodejs), WeChat Mini Program (use ai-model-wechat), or image generation (Node SDK only).
moai-domain-frontend
modu-ai
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.