All authors
Claude Skills by bacchus-labs
github.com/bacchus-labs70 skills0 installs115 views
- ArchivedCreate a new skill that guides agents through visual regression testing for UI components, ensuring visual correctness through screenshot comparison.Votes: 0GitHub stars: 4
- ArchivedCreate a new skill that guides agents through accessibility testing for UI components, ensuring WCAG compliance and preventing legal issues.Votes: 0GitHub stars: 4
- ArchivedCreate a new skill that guides agents through end-to-end (E2E) testing for critical user workflows, using Page Object Model pattern and user-centric selectors.Votes: 0GitHub stars: 4
- Analyzing ImplementationsAnalyzes implementation quality, technical debt, and architectural patterns in existing codebases. Use when conducting code audits, planning refactors, or evaluating technical decisions.Votes: 0GitHub stars: 4
- Avoiding Testing Anti PatternsUse when writing or changing tests, adding mocks, or tempted to add test-only methods to production code - prevents testing mock behavior, production pollution with test-only methods, and mocking without understanding dependenciesVotes: 0GitHub stars: 4
- BrainstormingUse when creating or developing anything, before writing code or implementation plans - refines rough ideas into fully-formed designs through structured Socratic questioning, alternative exploration, and incremental validationVotes: 0GitHub stars: 4
- Codebase IndexAutomatically generate relationship and dependency maps for any component-based codebase (React, Vue, Svelte, Astro, Next.js, Angular, Solid). Auto-detects framework. Supports TOON format for 30-60% token savings. Use when indexing codebases, mapping component relationships, documenting dependencies, or understanding unfamiliar projects. Generates JSON/TOON files mapping component usage, imports, npm dependencies, utilities, CSS, and data queries.Votes: 0GitHub stars: 4
- Condition Based WaitingUse when tests have race conditions, timing dependencies, or inconsistent pass/fail behavior - replaces arbitrary timeouts with condition polling; prefer event-based waiting when available (WebSockets, EventEmitters, Observables)Votes: 0GitHub stars: 4
- Crazy 8sSolo rapid ideation method based on Google Design Sprint Crazy 8's exercise. Generates 8 distinct solution ideas in 8 minutes through rapid-fire ideation or sketch documentation. Use when working alone and need to explore multiple solution directions quickly, push beyond first obvious ideas, or generate variety before converging. Includes creativity warm-up questions, built-in timer, optional creative constraints, and generates visual HTML/CSS prototypes plus comparison table. NOT for team se...Votes: 0GitHub stars: 4
- Debugging SystematicallyUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes - four-phase framework (root cause investigation, pattern analysis, hypothesis testing, implementation) that ensures understanding before attempting solutionsVotes: 0GitHub stars: 4
- Defense In DepthUse when invalid data causes failures deep in execution, requiring validation at multiple system layers - validates at every layer data passes through to make bugs structurally impossibleVotes: 0GitHub stars: 4
- Dependency Opportunity ScannerScan codebase to identify opportunities to replace custom implementations with well-maintained open source libraries. Creates worktree, implements changes, and submits PR for review. Multi-phase workflow with parallel analysis agents.Votes: 0GitHub stars: 4
- Finding Code PatternsLocates code patterns, anti-patterns, or specific implementations across codebase. Use when searching for usage examples, identifying inconsistencies, or finding instances requiring updates.Votes: 0GitHub stars: 4
- Finishing A Development BranchUse when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by verifying work is complete (tests, requirements, code review, TDD compliance) and presenting structured options for merge, PR, or cleanupVotes: 0GitHub stars: 4
- Implement Spec VOLDOrchestrate spec-to-PR workflow with session tracking, worktree isolation, and audit trailVotes: 0GitHub stars: 4
- Isolating WorktreesUse when implementing features in git worktrees to ensure all changes stay in the correct worktree - prevents "bleeding" of changes back to main branchVotes: 0GitHub stars: 4
- Problem MappingFoundational problem framing for design sprints and product strategy. Based on Google Design Sprint "Understand" phase methodology. Use when teams need to establish shared understanding before ideation - defining problem statements, identifying users/stakeholders, setting success criteria, documenting constraints and assumptions, and capturing pain points. Works in solo, team synchronous, or team asynchronous modes. Creates structured problem map document as foundation for HMW exercises and s...Votes: 0GitHub stars: 4
- Reviewing Implementation ProgressTracks implementation progress against specs or plans with completion percentages. Use when monitoring multi-step implementations, reporting status, or identifying blockers.Votes: 0GitHub stars: 4
- Startup ChecklistValidates project wrangler version on session start, detects breaking changes, and recommends updatesVotes: 0GitHub stars: 4
- Accessibility VerificationUse when implementing any UI - verifies accessibility compliance through automated testing (axe-core), keyboard navigation, screen reader verification, and Lighthouse audits; legally required and ensures inclusive user experienceVotes: 0GitHub stars: 4
- Ai Component MetadataGenerate AI-ready metadata for design system components to enable intelligent UI generation. Analyzes component structure and generates structured metadata that helps AI understand when and how to use components correctly. Useful for teams building AI-consumable design systems.Votes: 0GitHub stars: 4
- Ai Ds ComposerStrategic guide for consuming design system metadata to compose components intelligently. Use when generating or modifying UI components and layouts to ensure component reuse, proper variant selection, and adherence to design system patterns. Helps Claude understand project structure, read hierarchical metadata indexes, apply anti-pattern rules, and flag when existing components don't fit a requirement.Votes: 0GitHub stars: 4
- Design Design System GovernanceDetect and track design token drift between Figma design systems and code implementations - report-only skill that identifies inconsistencies and creates wrangler issues for resolutionVotes: 0GitHub stars: 4
- Design Design System SetupInitialize design systems for projects via Q&A and templates, with auto-detection when missingVotes: 0GitHub stars: 4
- Designing FrontendsCreates frontend designs with accessibility, responsive layout, and design system integration. Use when designing user interfaces, implementing visual components, or establishing frontend architecture.Votes: 0GitHub stars: 4
- Figma Design WorkflowGenerate Figma mockups from wrangler specifications with hierarchical file structure and approval trackingVotes: 0GitHub stars: 4
- Figma Variables GeneratorGenerate JSON files for creating Figma variable collections from text descriptions or design token data. Use when designers need to create or convert design tokens (colors, spacing, typography, etc.) into Figma variables format. Supports multiple modes (Light/Dark), code syntax definitions, variable references/aliases, and hierarchical organization. Triggers include requests to "create Figma variables", "generate variables JSON", "convert design tokens", or working with design system tokens.Votes: 0GitHub stars: 4
- Youtube TranscriptionDownload YouTube video transcripts when user provides a YouTube URL or asks to download/get/fetch a transcript from YouTube. Also use when user wants to transcribe or get captions/subtitles from a YouTube video.Votes: 0GitHub stars: 4
- Plans> **For Claude:** REQUIRED SUB-SKILL: Use /wrangler:implement to execute this plan task-by-task. **Goal:** Create unified `/wrangler:implement` skill that replaces both `executing-plans` and `subagent-driven-development` with autonomous, scope-agnostic implementation workflow. **Architecture:** Slash command entry → Scope parser → Task executor with subagent dispatch → Automatic code review & fixes → Final verification → Completion options **Tech Stack:** - Markdown skill file (follows wrangl...Votes: 0GitHub stars: 4
- ArchivedUsers need to give high-level goals (e.g., "finish the testing framework spec and implement the authentication feature") and have an AI agent act as both **project manager** and **principal engineer** to orchestrate complete implementation with:Votes: 0GitHub stars: 4
- Analyzing Research DocumentsExtracts key insights, patterns, and actionable findings from research documents and papers. Use when reviewing documentation, research, or technical materials requiring systematic analysis.Votes: 0GitHub stars: 4
- Capturing IdeasCaptures user ideas verbatim using MCP issues system with type='idea'. Use when user shares initial thoughts, feature requests, or proposals that need preservation without interpretation.Votes: 0GitHub stars: 4
- Checking Constitutional AlignmentVerifies features and decisions align with project constitution. Use when evaluating new features, resolving design conflicts, or ensuring constitutional compliance.Votes: 0GitHub stars: 4
- Cleanup Dangling WorktreesRemoves git worktrees for merged PRs while preserving active development. Use when cleaning up after feature merges or when worktree directory accumulates stale branches.Votes: 0GitHub stars: 4
- Creating IssuesFor use when a new issue/task has been identified and needs to be formally captured using the Wrangler MCP issue management system. Use this skill to create new issues via the issues_create MCP tool with appropriate metadata and structured content.Votes: 0GitHub stars: 4
- Defining ConstitutionDevelops project constitutional principles through Socratic questioning. Use when establishing design values, creating project governance, or resolving ambiguous design decisions.Votes: 0GitHub stars: 4
- Dispatching Parallel AgentsUse when facing 3+ logically independent failures (different features, different root causes) that can be investigated concurrently - dispatches multiple agents to investigate in parallel; requires either parallel-safe test infrastructure OR sequential fix implementationVotes: 0GitHub stars: 4
- Finishing A Development BranchUse when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by verifying work is complete (tests, requirements, code review, TDD compliance) and presenting structured options for merge, PR, or cleanupVotes: 0GitHub stars: 4
- E2e User JourneysUse when implementing critical user workflows that span multiple pages/components - tests complete journeys end-to-end using Page Object Model, user-centric selectors, and condition-based waiting; use sparingly (10-15% of tests)Votes: 0GitHub stars: 4
- Visual Regression TestingUse when implementing UI components, design systems, or responsive layouts - verifies visual correctness through screenshot comparison and DevTools verification; prevents shipping broken UIVotes: 0GitHub stars: 4
- HousekeepingPerform comprehensive project housekeeping - update roadmap, reconcile issues with implementation reality, organize completed work, and identify drift. This is a workflow skill that coordinates multiple parallel subagents for efficiency. Use when user says something like "run housekeeping", "do your housekeeping" or "clean up project state".Votes: 0GitHub stars: 4
- Implementing IssueImplements a single issue with TDD, code review, and fix loop. Use when a specific issue needs implementation -- either standalone or as part of orchestrated spec execution.Votes: 0GitHub stars: 4
- Implementing SpecsOrchestrates specification implementation through planning, execution, verification, and PR publication phases with session recovery. Use when implementing specifications requiring phased workflow and resumable progress tracking.Votes: 0GitHub stars: 4
- Initializing GovernanceInitializes complete governance framework including constitution, roadmap, and templates. Use when setting up new projects or establishing governance in existing projects lacking systematic documentation.Votes: 0GitHub stars: 4
- Locating CodeFinds specific code elements (functions, classes, patterns) using multiple search strategies. Use when searching for implementations, dependencies, or code requiring modification.Votes: 0GitHub stars: 4
- Organizing Root FilesRoutes root-level markdown files to appropriate directories or deletes obsolete content. Use when project root accumulates analysis files, memos, or documentation needing organization.Votes: 0GitHub stars: 4
- Practicing TddUse when implementing any feature or bugfix, before writing implementation code - write the test first, watch it fail, write minimal code to pass; ensures tests actually verify behavior by requiring failure firstVotes: 0GitHub stars: 4
- Receiving Code ReviewUse when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementationVotes: 0GitHub stars: 4
- Refining SpecificationsImproves specification quality through completeness checks, clarity verification, and structured feedback. Use when specifications lack detail, have ambiguities, or need quality improvement.Votes: 0GitHub stars: 4
- Refreshing MetricsAuto-updates status metrics across governance documents from MCP issue counts. Use when governance metrics are stale or after significant issue status changes requiring documentation refresh.Votes: 0GitHub stars: 4