playbooks

home / skills / bbeierle12

bbeierle12 skills

Find 76 skills from 1 repo created by bbeierle12 on GitHub.

1 repo
76 skills
GitHub

Sponsored

d3js-visualization

bbeierle12/skill-mcp-claude

6
This skill helps you create interactive D3.js charts and visualizations, enabling engaging, data-driven graphics across bar, line, pie, and geographic charts.
form-vue

bbeierle12/skill-mcp-claude

6
This skill provides production-ready Vue 3 form patterns using VeeValidate with Zod integration, enabling rapid, reliable form validation.
forms-router

bbeierle12/skill-mcp-claude

6
This skill routes and combines core form skills for accessibility, validation, and security across React, Vue, or vanilla forms.
gsap-react

bbeierle12/skill-mcp-claude

6
This skill simplifies GSAP animations in React by providing useGSAP hooks, scoped refs, cleanup, and context utilities for reliable lifecycle handling.
gsap-scrolltrigger

bbeierle12/skill-mcp-claude

6
This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.
Advertise on playbooks
Reach thousands of developers actively evaluating dev tools, MCP servers, and agent skills. Floating banners, pinned cards, and in-feed placements.
learn more
immersive-visuals-router

bbeierle12/skill-mcp-claude

6
This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.
particles-router

bbeierle12/skill-mcp-claude

6
This skill routes particle tasks to GPU, physics, and lifecycle specialists, delivering recommended combinations for optimal effects.
r3f-materials

bbeierle12/skill-mcp-claude

6
This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.
scientific-documentation

bbeierle12/skill-mcp-claude

6
This skill generates comprehensive scientific documentation for coding projects in Word format, explaining decisions, techniques, and code clearly for
shader-fundamentals

bbeierle12/skill-mcp-claude

6
This skill helps you master GLSL shader fundamentals, enabling you to write vertex and fragment shaders, manage uniforms, varyings, and coordinate spaces.
shader-sdf

bbeierle12/skill-mcp-claude

6
This skill generates and explains signed distance function shaders for 2D/3D shapes, blending, repetition, and raymarching to create procedural visuals.
structural-physics

bbeierle12/skill-mcp-claude

6
This skill validates structural stability and handles damage propagation for building systems in Three.js games, supporting arcade, heuristic, and realistic
subagent-driven-development

bbeierle12/skill-mcp-claude

6
This skill coordinates task-based development by dispatching fresh subagents and reviewing progress between tasks to ensure rapid, controlled delivery.
test-driven-development

bbeierle12/skill-mcp-claude

6
This skill drives test-driven development by enforcing RED-GREEN-REFACTOR cycles and writing failing tests before implementation.
algorithmic-art

bbeierle12/skill-mcp-claude

6
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
terrain-integration

bbeierle12/skill-mcp-claude

6
This skill helps you integrate terrain-aware foundations and slope handling in Three.js builds, auto-leveling and pillar generation for stable ground contact.
writing-plans

bbeierle12/skill-mcp-claude

6
This skill generates clear, executable implementation plans for developers, outlining tasks, tests, and verification to ensure rapid, reliable delivery.
brand-guidelines

bbeierle12/skill-mcp-claude

6
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
backend-dev-guidelines

bbeierle12/skill-mcp-claude

6
This skill helps you design robust Node.js backends using layered architecture, validation, error handling, and testing across routes, services, and
component-library

bbeierle12/skill-mcp-claude

6
This skill generates production-ready React components with shadcn/ui patterns and CVA variants to save 8-10 hours per project.
docx

bbeierle12/skill-mcp-claude

6
Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks
audio-playback

bbeierle12/skill-mcp-claude

6
This skill helps implement and orchestrate audio playback with Tone.js, enabling background music, sound effects, and synchronized timed events.
r3f-fundamentals

bbeierle12/skill-mcp-claude

6
This skill helps you master React Three Fiber fundamentals, configuring Canvas, scene hierarchy, cameras, lighting, and render loops for efficient 3D apps.
audio-reactive

bbeierle12/skill-mcp-claude

6
This skill helps you bind audio analysis to visuals, providing smooth mappings, beat responses, and dynamic frequency-driven effects for reactive visuals.
aws-skills

bbeierle12/skill-mcp-claude

6
This skill helps you design and deploy scalable AWS infrastructure using CDK patterns, serverless architectures, and cost-aware security with best practices.
software-architecture

bbeierle12/skill-mcp-claude

6
This skill helps you design robust software architectures by applying SOLID, Clean Architecture, and common patterns to structure systems and reviews.
systematic-debugging

bbeierle12/skill-mcp-claude

6
This skill helps you debug code systematically by guiding root cause analysis and disciplined testing before fixes.
case-studies-reference

bbeierle12/skill-mcp-claude

6
This skill provides case-study driven insights on building systems from Fortnite, Rust, Valheim, Minecraft, No Man's Sky, and Satisfactory to inform design
web-artifacts-builder

bbeierle12/skill-mcp-claude

6
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
decay-upkeep

bbeierle12/skill-mcp-claude

6
This skill helps you implement timer-based decay and upkeep systems with Tool Cupboard protection to balance gameplay and server health.
gsap-router

bbeierle12/skill-mcp-claude

6
This skill helps you implement GSAP animations efficiently by routing fundamentals, sequencing, scroll-based, and React patterns for cohesive UI experiences.
particles-lifecycle

bbeierle12/skill-mcp-claude

6
This skill helps you manage particle birth, life, and death with emission, pooling, trails, and color/size changes for memory-efficient effects.
particles-physics

bbeierle12/skill-mcp-claude

6
This skill helps simulate realistic particle motion by applying gravity, wind, drag, attractors, turbulence, and collisions for dynamic visuals.
postfx-effects

bbeierle12/skill-mcp-claude

6
This skill enhances 3D scenes with cinematic post-processing effects like chromatic aberration, vignette, and color grading for mood and storytelling.
product-self-knowledge

bbeierle12/skill-mcp-claude

6
This skill provides authoritative, source-backed answers about Anthropic products Claude API, Claude Code, and Claude.ai, with direct links to official docs.
router-template

bbeierle12/skill-mcp-claude

6
This skill routes requests to multiple specialized skills by classifying, matching, and loading the best ensembles for production tasks.
slack-gif-creator

bbeierle12/skill-mcp-claude

6
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
skill-creator

bbeierle12/skill-mcp-claude

6
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
mcp-builder

bbeierle12/skill-mcp-claude

6
This skill helps you build high-quality MCP servers to enable LLMs to safely interact with external services via well-designed tools.
form-ux-patterns

bbeierle12/skill-mcp-claude

6
This skill helps you build multi-step forms with cognitive chunking, progressive disclosure, and conditional fields to reduce cognitive load in checkout and
platform-building

bbeierle12/skill-mcp-claude

6
This skill helps you implement cross-platform building controls for mobile, VR, and accessibility, improving input adaptation and inclusive design patterns.
canvas-design

bbeierle12/skill-mcp-claude

6
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
3d-building-advanced

bbeierle12/skill-mcp-claude

6
This skill provides a complete 3D building system with spatial indexing, structural physics, and multiplayer synchronization to speed up survival game
audio-analysis

bbeierle12/skill-mcp-claude

6
This skill analyzes audio with FFT, waveform, and meter data to drive visuals and reactive effects.
brainstorming

bbeierle12/skill-mcp-claude

6
This skill guides feature ideation and design through structured, incremental questioning, helping teams define scope before coding.
building-router

bbeierle12/skill-mcp-claude

6
This skill routes building mechanics through focused sub-skills to optimize performance, physics, multiplayer, terrain, decay, and UX in Three.js projects.
form-accessibility

bbeierle12/skill-mcp-claude

6
This skill helps you implement WCAG 2.2 AA compliant forms with proper labels, ARIA, focus management, and keyboard navigation across frameworks.
form-react

bbeierle12/skill-mcp-claude

6
This skill streamlines building production-ready React forms using React Hook Form with Zod, plus TanStack Form options for cross-framework and advanced
form-security

bbeierle12/skill-mcp-claude

6
This skill helps you implement robust web form security by applying autocomplete, CSRF, XSS prevention, and input sanitization across authentication and
form-validation

bbeierle12/skill-mcp-claude

6
This skill enforces schema-first form validation with Zod, offering async, timing-based validation, and friendly error messaging across frameworks.
form-vanilla

bbeierle12/skill-mcp-claude

6
This skill provides framework-free form validation using HTML5 Constraint Validation API enhanced with Zod to enforce complex rules.
gsap-fundamentals

bbeierle12/skill-mcp-claude

6
This skill helps you learn and apply core GSAP animation concepts like tweens, timelines, and easing to create smooth web animations.
gsap-sequencing

bbeierle12/skill-mcp-claude

6
This skill helps you orchestrate complex GSAP timelines with labels, nested timelines, and position controls for cinematic UI choreography.
multiplayer-building

bbeierle12/skill-mcp-claude

6
This skill implements server-authoritative multiplayer building networking with client prediction, delta synchronization, and conflict resolution to ensure
particles-gpu

bbeierle12/skill-mcp-claude

6
This skill helps you render thousands to millions of particles efficiently using GPU instancing, custom shaders, and Points geometry for high-performance
performance-at-scale

bbeierle12/skill-mcp-claude

6
This skill helps you optimize large-scale building games by applying spatial indexing, chunking, and benchmarking to improve rendering and world loading.
postfx-bloom

bbeierle12/skill-mcp-claude

6
This skill helps you implement post-processing bloom effects in Three.js with React Three Fiber, enabling neon, glow, and selective object bloom.
postfx-composer

bbeierle12/skill-mcp-claude

6
This skill helps you design and optimize complex Three.js post-processing pipelines using EffectComposer, render targets, and custom passes.
r3f-geometry

bbeierle12/skill-mcp-claude

6
This skill helps you create and optimize 3D geometry in React Three Fiber, enabling custom shapes, efficient instancing, and direct vertex manipulation.
r3f-performance

bbeierle12/skill-mcp-claude

6
This skill optimizes r3f render performance through instancing, LOD, frustum culling, and lazy loading to sustain smooth frames.
r3f-router

bbeierle12/skill-mcp-claude

6
This skill guides you to route and compose React Three Fiber tasks by selecting core, enhanced, and helper skills.
shader-effects

bbeierle12/skill-mcp-claude

6
This skill helps you add polished visual shader effects such as glow, bloom, vignettes, and chromatic aberration to enhance rendering.
shader-noise

bbeierle12/skill-mcp-claude

6
This skill helps you generate and optimize GLSL procedural noise setups for realistic textures, terrain, clouds, and fluids with versatile noise types.
shader-router

bbeierle12/skill-mcp-claude

6
This skill routes GLSL shader tasks to core or specialized skills, guiding you to combine fundamentals, noise, sdf, and effects for polished results.
frontend-design

bbeierle12/skill-mcp-claude

6
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
using-git-worktrees

bbeierle12/skill-mcp-claude

6
This skill guides you to create isolated git worktrees for feature work, keeping main clean and speeding context switches.
internal-comms

bbeierle12/skill-mcp-claude

6
A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).
theme-factory

bbeierle12/skill-mcp-claude

6
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
xlsx

bbeierle12/skill-mcp-claude

6
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
pptx

bbeierle12/skill-mcp-claude

6
This skill helps you create, edit, and analyze pptx presentations end-to-end with customizable templates and validation guidance.
postfx-router

bbeierle12/skill-mcp-claude

6
This skill routes and configures post-processing effects for Three.js scenes, optimizing the pipeline and coordinating bloom, effects, and composer setup.
doc-coauthoring

bbeierle12/skill-mcp-claude

6
Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.
pdf

bbeierle12/skill-mcp-claude

6
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
builder-ux

bbeierle12/skill-mcp-claude

6
This skill enables responsive three.js building UX by managing prefabs, undo/redo, ghost previews, multi-select, and copy/paste workflows.
frontend-dev-guidelines

bbeierle12/skill-mcp-claude

6
This skill enforces React/TypeScript frontend guidelines, optimizing structure, data fetching, styling, routing, and performance for maintainable components.
audio-router

bbeierle12/skill-mcp-claude

6
This skill routes audio tasks by classifying requests, matching signals, and coordinating playback, analysis, and reactive visuals for audio projects.