accessibility-patterns
WCAG 2.2 AA compliance, ARIA patterns, keyboard navigation, screen reader optimization
Claude Code Action entegrasyonu - PR review ve issue-to-fix workflow kurulumu
$ npx -y skills add vibeeval/vibecosystem --skill github-actions-integration --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/github-actions-integrationContext preview
The summary Claude sees to decide when to auto-load this skill.
Claude Code Action entegrasyonu - PR review ve issue-to-fix workflow kurulumu
name: github-actions-integration description: Claude Code Action entegrasyonu - PR review ve issue-to-fix workflow kurulumu
`anthropics/claude-code-action@v1` GitHub Actions action'i. PR'lari otomatik review eder, issue'lardan otomatik fix olusturur. vibecosystem ile entegre calisir.
Kaynak: https://github.com/anthropics/claude-code-action
Repository Settings > Secrets and variables > Actions > New repository secret:
Name: ANTHROPIC_API_KEY Value: sk-ant-... (Anthropic API key)
Dosya: `.github/workflows/claude-review.yml`
name: Claude Code Review
on:
pull_request:
types: [opened, synchronize, reopened]
permissions:
contents: read
pull-requests: write
issues: write
jobs:
claude-review:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Claude Code Review
uses: anthropics/claude-code-action@v1
with:
anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
review_comment_prefix: "vibecosystem-review"
direct_prompt: |
Review this PR for:
1. Code quality and patterns
2. Security vulnerabilities (OWASP Top 10)
3. Performance issues
4. Test coverage gaps
5. Breaking changes
Use vibecosystem's code-reviewer agent standards.
Provide VERDICT: PASS | WARN | FAIL**Ne yapar:** PR acildiginda, guncellediginde veya yeniden acildiginda otomatik review yapar. Review sonucunu PR comment olarak yazar.
Dosya: `.github/workflows/claude-fix.yml`
name: Claude Code Fix
on:
issues:
types: [labeled]
permissions:
contents: write
pull-requests: write
issues: write
jobs:
claude-fix:
if: contains(github.event.label.name, 'claude-fix')
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Claude Code Fix
uses: anthropics/claude-code-action@v1
with:
anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
direct_prompt: |
Fix the issue described below.
Follow TDD workflow: write test first, then implement fix.
Create a PR with the fix.
Issue: ${{ github.event.issue.title }}
Body: ${{ github.event.issue.body }}**Ne yapar:** Issue'ya `claude-fix` label'i eklendiginde otomatik fix olusturur ve PR acar.
1. PR ac - otomatik review baslar 2. Review comment'inde VERDICT gorursun: PASS, WARN veya FAIL 3. FAIL varsa issue'lari duzelt, PR'i guncelle - tekrar review olur
1. Issue ac, sorunu detayli yaz 2. `claude-fix` label'i ekle 3. Claude otomatik branch olusturur, fix yapar, PR acar 4. PR'i review et ve merge et
Sadece belirli dosya tiplerini review et:
on:
pull_request:
types: [opened, synchronize, reopened]
paths:
- '**.ts'
- '**.tsx'
- '**.js'
- '**.jsx'vibecosystem agent standartlarina gore prompt'u genislet:
direct_prompt: | Review this PR using vibecosystem standards: ## Code Quality - Immutability: no mutations, use spread operator - File size: max 800 lines per file - Function size: max 50 lines - Nesting: max 4 levels - No console.log in production code - No hardcoded values ## Security (OWASP Top 10) - Input validation (use zod) - SQL injection prevention - XSS prevention - No hardcoded credentials - Rate limiting check ## Testing - Test coverage >= 80% - Edge cases covered - Error paths tested VERDICT: PASS | WARN | FAIL
direct_prompt: |
Fix the issue below.
Rules:
- TDD: write failing test first, then implement
- Defensive code: try/catch, null checks, input validation
- No mutations, use immutable patterns
- Follow repository's existing code style
- Run tests before creating PR
Issue: ${{ github.event.issue.title }}
Body: ${{ github.event.issue.body }}Farkli label'lar icin farkli davranislar:
jobs:
claude-fix:
if: contains(github.event.label.name, 'claude-fix')
# ... standard fix
claude-refactor:
if: contains(github.event.label.name, 'claude-refactor')
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: anthropics/claude-code-action@v1
with:
anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
direct_prompt: |
Refactor the code described in this issue.
Maintain all existing tests.
Do not change external behavior.
Issue: ${{ github.event.issue.title }}
Body: ${{ github.event.issue.body }}Repository'de `CLAUDE.md` varsa claude-code-action onu otomatik okur. vibecosystem kurallarini CLAUDE.md'ye ekle:
# Project Rules - Follow vibecosystem coding standards - Use TDD workflow for all changes - Security review required for auth/data code - VERDICT format: PASS | WARN | FAIL
Review workflow'u vibecosystem'in code-reviewer agent standartlarini kullanir:
Fix workflow'u TDD workflow'unu kullanir:
| Sorun | Cozum | |-------|---
Your AI software team. Built on Claude Code. vibecosystem turns Claude Code into a full AI software team — 138 specialized agents that plan, build, review, test, and learn from every mistake. No configuration needed — just install and code.
Repo: vibeeval/vibecosystem
WCAG 2.2 AA compliance, ARIA patterns, keyboard navigation, screen reader optimization
axe-core integration, WCAG 2.2 AA checklist, keyboard navigation testing, screen reader testing, and ARIA pattern validation.
Steam-style achievement system with XP, levels, streaks, and skill trees. Gamifies the development workflow. 25 achievements across 5 categories.
Framework for measuring and tracking agent response quality over time. Detects regressions before they reach production. Use when evaluating agent changes,…
Agent ve skill dosyalarinin yapisal dogrulamasi. Frontmatter kontrol, naming convention, zorunlu bolum kontrolu, tutarlilik denetimi. Yeni agent/skill…