All authors
Claude Skills by majiayu000
github.com/majiayu00015,502 skills859 installs33,165 views
- Dev Assets Audio LoadingAudio loading patterns for R3F/Three.js. Use when adding sound effects.Votes: 0GitHub stars: 666
- Dev Assets Model LoadingFBX model loading patterns with sequential loading for React Three Fiber. Use when loading multiple FBX character models, implementing sequential loading to prevent memory overload, or creating character model components with proper error handling.Votes: 0GitHub stars: 666
- Dev Assets Texture LoadingTexture loading and optimization for R3F. Use when loading image textures.Votes: 0GitHub stars: 666
- Dev Assets Vite Asset LoadingVite 6 asset loading patterns that avoid '?import' query parameter pollution. Use when working with static assets (FBX models, images, fonts), dealing with Vite 6's new asset handling, or loading assets from public vs src/assets directories.Votes: 0GitHub stars: 666
- Dev AutoAutonomous development workflow. Generate detailed specs, plans, and tasks for autonomous agent execution with session memory tracking.Votes: 0GitHub stars: 666
- Dev Backend MasterMaster skill for Backend Integration (Supabase) and API handling. Covers database schema, authentication, and SQL.Votes: 0GitHub stars: 666
- Dev BrainstormREQUIRED Phase 1 of /dev workflow. Uses Socratic questioning to understand requirements before exploration.Votes: 0GitHub stars: 666
- Dev Browser NixUse dev-browser for browser automation on NixOS. Invoke when user asks to test UI, automate browser interactions, take screenshots, or verify web app behavior.Votes: 0GitHub stars: 666
- Dev BrowserBrowser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.Votes: 0GitHub stars: 666
- Dev Bug FixerGeneral debugging and bug fixing skill. Handles general logic errors, specific domain bugs (timer, keyboard, canvas), and crash investigations.Votes: 0GitHub stars: 666
- Dev CheckerRuns pre-commit checks and validates code quality. Use when preparing commits, running pre-deploy checks, or validating code before deployment.Votes: 0GitHub stars: 666
- Dev ClarifyREQUIRED Phase 3 of /dev workflow. Asks targeted questions based on codebase exploration findings.Votes: 0GitHub stars: 666
- Dev Cli DevelopmentGuide for developing AIDB dev-cli commands and services. Covers ClickVotes: 0GitHub stars: 666
- Dev Code Quality Shredbx Demo 3d ModelCode Quality Standards. Use it everytime you plan or implement any code.Votes: 0GitHub stars: 666
- Dev Coding Debug체계적인 디버깅(Systematic Debugging) 절차를 통해 버그의 원인을 찾고 해결합니다. (Source: obra/superpowers)Votes: 0GitHub stars: 666
- Dev ContextContext architecture skill for aligning work. Use when starting new features, making architectural decisions, or setting up implementation work. Generates interconnected ADR/Design/Spec/Plan scaffolding that agents can navigate and humans can enrich.Votes: 0GitHub stars: 666
- Dev Coordination Message FormatsJSON schemas for Ralph message systemVotes: 0GitHub stars: 666
- Dev CycleMain orchestrator for the 6-gate development cycle system. Loads tasks/subtasks from PM team output and executes through implementation, devops, SRE, testing, review, and validation gates with state persistence and metrics collection.Votes: 0GitHub stars: 666
- Dev Debug Canvas Nested GroupsThis skill should be used when debugging Vue Flow canvas issues involving nested nodes, parent-child relationships, position coordinate systems, and containment detection. Triggers on nested group problems, section nodes jumping, parent-child synchronization bugs, position persistence issues, and coordinate transformation errors in Vue Flow implementations.Votes: 0GitHub stars: 666
- Dev Debug Data LossDEBUG mysteriously disappearing tasks using the taskDisappearanceLogger. Use when tasks vanish without user deletion, data seems to be lost, or you need to track what's modifying the task array. Provides comprehensive logging of all task array operations.Votes: 0GitHub stars: 666
- Dev Debug ReactivityDEBUG when Vue components won't update, computed properties are stale, or watchers not firing. Fix reactivity issues with ref(), reactive(), Pinia stores, and component state. Use when UI is not updating despite state changes.Votes: 0GitHub stars: 666
- Dev DebugThis skill should be used when the user asks to 'debug', 'fix bug', 'investigate error', 'why is it broken', 'trace root cause', 'find the bug', or needs systematic bug investigation and fixing with verification-driven methodology using ralph loops.Votes: 0GitHub stars: 666
- Dev Debugging Endlessblink Flow StateMaster debugging techniques for Vue.js, Pinia, and cached state issues. Identify reactivity problems, memory leaks, performance bottlenecks, and complex state synchronization issues with systematic troubleshooting approaches.Votes: 0GitHub stars: 666
- Dev DebuggingUNIFIED DEBUGGER - Use when tasks disappear, data is lost, things are broken, or bugs need fixing. Debug Vue.js reactivity, Pinia state, task store CRUD, keyboard shortcuts, canvas positions, drag-drop, cache, memory leaks, and performance. Invoke for "not working", "broken", "fix bug", "debug", "tasks missing", "shortcuts not working", "state not updating".Votes: 0GitHub stars: 666
- Dev DelegateInternal skill used by dev-implement during Phase 5 of /dev workflow. NOT user-facing - should only be invoked by dev-ralph-loop inside each implementation iteration. Handles Task agent spawning with TDD enforcement and two-stage review (spec compliance + code quality).Votes: 0GitHub stars: 666
- Dev Dependency ManagementPackage and dependency management patterns across ecosystems (npm, pip, cargo, maven). Covers lockfiles, semantic versioning, dependency security scanning, update strategies, monorepo workspaces, transitive dependencies, and avoiding dependency hell.Votes: 0GitHub stars: 666
- Dev DesignThis skill should be used when the user asks to "propose architecture", "design implementation approach", "choose between approaches", or in Phase 4 of /dev workflow after exploration is complete. Proposes 2-3 architecture approaches with clear trade-offs, decomposes features into independent tasks, and obtains explicit user approval before implementation begins.Votes: 0GitHub stars: 666
- Dev Desktop SandboxRun isolated mux desktop (Electron) instances (temp MUX_ROOT + free ports)Votes: 0GitHub stars: 666
- Dev DevopsGate 1 of the development cycle. Creates/updates Docker configuration, docker-compose setup, and environment variables for local development and deployment readiness.Votes: 0GitHub stars: 666
- Dev Doc Suite코드베이스를 분석하여 README, API 문서, 아키텍처 가이드를 자동으로 생성/업데이트합니다.Votes: 0GitHub stars: 666
- Dev EngineerAdds logic, state management, TypeScript types, and CRUD operations to UI. Works AFTER ui-first-builder creates the interface. Implements Zustand stores, form handling with React Hook Form + Zod, and prepares for backend connection. Triggers: add logic, add functionality, make it work, state management, form validation, data operations, TypeScript types.Votes: 0GitHub stars: 666
- Dev EnvManage Jeremy's global dev environment (git, nvim, shell configs) and install tools. Use when asked to change global configs, add tools to the environment, or modify dotfiles.Votes: 0GitHub stars: 666
- Dev Environment BootstrapperStandardizes development environment setup across machines by generating tool version configs (Node, Python, Ruby), package manager configs (pnpm, Volta, asdf, mise), environment variable templates, and setup scripts with onboarding documentation. Use when users need to "setup dev environment", "standardize tooling", "configure version managers", or "create onboarding scripts".Votes: 0GitHub stars: 666
- Dev Environment CleanupClean up development environment issues in the Orient monorepo. Use when asked to "clean build", "rebuild from scratch", "fix build issues", "clean node_modules", or when encountering stale build artifacts, tsbuildinfo issues, or turbo cache problems. NOT for testing the installer - use fresh-install-testing for that.Votes: 0GitHub stars: 666
- Dev Environment ManagerManage local development environment, database resets, health checks, deployment validation, production data sync, and Vercel environment variables; use when setting up dev environment, resetting databases, running pre-deployment checks, syncing production data to staging/local, or fixing Vercel env vars with trailing newlinesVotes: 0GitHub stars: 666
- Dev Environment SetupStandardized development environment configuration including tools, IDE settings, and automation for consistent developer experience.Votes: 0GitHub stars: 666
- Dev ExecutionUnified execution engine for all development workflows. Progressive disclosure for phase execution, quick features, story completion, and scaffolding. Integrates with artifact-tracking and meatycapture-capture. Use when running /dev:execute-phase, /dev:quick-feature, /dev:implement-story, /dev:complete-user-story, or /dev:create-feature commands.Votes: 0GitHub stars: 666
- Dev ExploreREQUIRED Phase 2 of /dev workflow after dev-brainstorm. This skill should be used when the user asks to 'explore the codebase', 'map architecture', 'find similar features', 'discover test infrastructure', 'trace execution paths', 'identify code patterns', or needs to understand WHERE code lives and HOW it works before implementation. Launches parallel explore agents and returns prioritized key files list.Votes: 0GitHub stars: 666
- Dev FeatureExecute the feature development workflow for complex, multi-session features. Use when starting new features, architecture changes, refactoring projects, or any work requiring research, design, and implementation phases. Invoked by: "new feature", "implement feature", "start feature development", "complex feature", "multi-session work".Votes: 0GitHub stars: 666
- Dev Feedback LoopDevelopment cycle feedback system - calculates assertiveness scores, analyzes prompt quality for all agents executed, aggregates cycle metrics, performs root cause analysis on failures, and generates improvement reports to docs/feedbacks/cycle-{date}/.Votes: 0GitHub stars: 666
- Dev Fix Keyboard Endlessblink Flow StateDEBUG keyboard shortcuts not working, conflicting hotkeys, and event handling issues. Fix when Ctrl+Z, Ctrl+S, or other shortcuts fail. Use for global keyboard handlers, event conflicts, and shortcut key debugging.Votes: 0GitHub stars: 666
- Dev Fix PiniaDEBUG Pinia store state not updating, persistence conflicts, and store synchronization issues. Fix when store actions don't work, state gets stale, or localStorage hydration problems occur. Use when Pinia stores behave unexpectedly.Votes: 0GitHub stars: 666
- Dev Fix Task Store Endlessblink Flow StateDEBUG task store synchronization, task creation/deletion bugs, and state persistence problems. Fix when tasks don't save, disappear unexpectedly, or don't update in UI. Use for Pinia task store, task CRUD operations, and data persistence.Votes: 0GitHub stars: 666
- Dev Fix Task StoreMASTER Pinia task store debugging covering synchronization, CRUD operations, state persistence, IndexedDB conflicts, advanced state management, and complex store architecture. Fix when tasks don't save, disappear unexpectedly, don't update in UI, backup systems read wrong data, store actions fail, or advanced performance issues occur. CRITICAL: All store fixes MUST be tested with Playwright before claiming success.Votes: 0GitHub stars: 666
- Dev Fix Timer Endlessblink Flow StateDEBUG Pomodoro timer state issues, incorrect countdown behavior, and timer synchronization problems. Fix when timer won't start, time display is wrong, or timer gets stuck. Use for timer state management, countdown logic, and session persistence.Votes: 0GitHub stars: 666
- Dev Frontend MasterMaster skill for all Frontend Vue 3 development. Covers Components, Pinia, VueUse, Reactivity, CSS, and UI/UX.Votes: 0GitHub stars: 666
- Dev GuidedHuman-in-the-loop iterative development. Use when requirements will emerge during implementation, decisions need human approval at each step, or work will span multiple sessions with frequent feedback loops. Creates problem statement, decisions log, runbook, and progress tracking.Votes: 0GitHub stars: 666
- Dev Implement Ui Ux Endlessblink Flow StateComprehensive UI/UX design and implementation skill covering visual design principles, color theory, typography, spacing systems, layout composition, accessibility (WCAG 2.2), animation, and systematic implementation workflowsVotes: 0GitHub stars: 666
- Dev ImplementREQUIRED Phase 5 of /dev workflow. Orchestrates per-task ralph loops with delegated TDD implementation.Votes: 0GitHub stars: 666
- Dev ImplementationGate 0 of the development cycle. Executes code implementation using the appropriate specialized agent based on task content and project language. Handles TDD workflow with RED-GREEN phases. Follows project standards defined in docs/PROJECT_RULES.md.Votes: 0GitHub stars: 666