accessibility-patterns
WCAG 2.2 AA compliance, ARIA patterns, keyboard navigation, screen reader optimization
Meta-skill for internal codebase exploration at varying depths (quick/deep/architecture)
$ npx -y skills add vibeeval/vibecosystem --skill explore --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/exploreContext preview
The summary Claude sees to decide when to auto-load this skill.
Meta-skill for internal codebase exploration at varying depths (quick/deep/architecture)
name: explore description: Meta-skill for internal codebase exploration at varying depths (quick/deep/architecture) allowed-tools: [Bash, Task, Read, Glob, Grep, Write] keywords: [explore, codebase, architecture, understand, analyze, layers, call graph, brownfield]
Meta-skill for exploring an internal codebase at varying depths. READ-ONLY workflow - no code changes.
/explore <depth> [options]
If the user types just `/explore` with no or partial arguments, guide them through this question flow. Use AskUserQuestion for each phase.
question: "How would you like to explore?"
header: "Explore"
options:
- label: "Help me choose (Recommended)"
description: "I'll ask questions to pick the right exploration depth"
- label: "Quick - fast overview"
description: "Chain: tldr tree → tldr structure (~1 min)"
- label: "Deep - comprehensive analysis"
description: "Chain: onboard → tldr → research → document (~5 min)"
- label: "Architecture - layers & dependencies"
description: "Chain: tldr arch → call graph → layer mapping (~3 min)"**Mapping:**
**If Answer is Unclear (via "Other"):**
question: "I want to understand how deep you want to explore. Did you mean..."
header: "Clarify"
options:
- label: "Help me choose"
description: "Not sure - guide me through questions"
- label: "Quick - fast overview"
description: "Just want to see what's here"
- label: "Deep - comprehensive analysis"
description: "Need thorough understanding"
- label: "Neither - let me explain differently"
description: "I'll describe what I need"question: "What are you trying to understand?"
header: "Goal"
options:
- label: "Get oriented in the codebase"
description: "Quick overview of structure"
- label: "Understand how something works"
description: "Deep dive into specific area"
- label: "Map the architecture"
description: "Layers, dependencies, patterns"
- label: "Find where something is"
description: "Locate specific code/functionality"**Mapping:**
question: "What area should I focus on?"
header: "Focus"
options:
- label: "Entire codebase"
description: "Explore everything"
- label: "Specific directory or module"
description: "I'll specify the path"
- label: "Specific concept/feature"
description: "e.g., 'authentication', 'API routes'"If "Specific directory" or "Specific concept" → ask follow-up for the path/keyword.
question: "What should I produce?"
header: "Output"
options:
- label: "Just tell me what you find"
description: "Interactive summary in chat"
- label: "Create a documentation file"
description: "Write to thoughts/shared/docs/"
- label: "Create handoff for implementation"
description: "Prepare context for coding agent"**Mapping:**
If architecture depth selected:
question: "Where should I start the analysis?"
header: "Entry point"
options:
- label: "Auto-detect (main, cli, app)"
description: "Find common entry points"
- label: "Specific function/file"
description: "I'll specify the entry point"Based on your answers, I'll run: **Depth:** deep **Focus:** "authentication" **Output:** handoff **Path:** src/ Proceed? [Yes / Adjust settings]
| Depth | Time | What it does | |-------|------|--------------| | `quick` | ~1 min | tldr-explorer only - fast structure overview | | `deep` | ~5 min | onboard + tldr-explorer + research-codebase + write doc | | `architecture` | ~3 min | tldr arch + call graph + layer mapping + circular dep detection |
| Option | Description | Example | |--------|-------------|---------| | `--focus "area"` | Focus on specific area | `--focus "auth"`, `--focus "api"` | | `--output handoff` | Create handoff for next agent | `--output handoff` | | `--output doc` | Create documentation file | `--output doc` | | `--entry "func"` | Start from specific entry point | `--entry "main"`, `--entry "process_request"` |
# Quick structure overview /explore quick # Deep exploration focused on auth /explore deep --focus "auth" --output doc # Architecture analysis from specific entry /explore architecture --entry "cli" --output handoff # Quick focused exploration /explore quick --focus "hooks"
Fast structure overview using tldr-explorer. Best for:
**Steps:** 1. Run `tldr tree` for file structure 2. Run `tldr structure` for codemaps 3. If `--focus` provided, run `tldr search` for targeted results 4. Return summary
**Commands:**
# 1. File tree
tldr tree ${PATH:-src/} --ext .py
# 2. Code structure
tldr structure ${PATH:-src/} --lang python
# 3. Focused search (if --focus provided)
tldr search "${FOCUS}" ${PATH:-src/}Comprehensive exploration with documentation output. Best for:
**Step
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…