bbeierle12

bbeierle12/skill-mcp-claude

76 resources in this repository

GitHub
🎯76
7

🎯Skills76

🎯gsap-react🎯Skill

GSAP animation skill for React from a visual skills manager interface for Claude MCP, integrating GreenSock animations with React components.

gsap-react
🎯gsap-scrolltrigger🎯Skill

A visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing browser-based skill management through an MCP server.

gsap-scrolltrigger
🎯gsap-fundamentals🎯Skill

A visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing browser-based skill management through an MCP server.

gsap-fundamentals
🎯gsap-sequencing🎯Skill

A visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing browser-based skill management through an MCP server.

gsap-sequencing
🎯shader-effects🎯Skill

Creates and manages shader effects from the Skills Manager, a visual web interface for managing Claude MCP Skills.

shader-effects
🎯shader-fundamentals🎯Skill

Teaches shader programming fundamentals including GLSL, vertex and fragment shaders, and rendering pipeline concepts, from Skills Manager, a visual web interface for managing Claude MCP skills.

shader-fundamentals
🎯particles-gpu🎯Skill

A visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing a browser-based UI, Flask REST API, and MCP server for managing markdown-based skill instruction sets.

particles-gpu
🎯gsap-router🎯Skill

Implements GSAP animation-driven page routing and transitions from Skills Manager, a visual web interface for managing Claude MCP Skills.

gsap-router
🎯particles-physics🎯Skill

A visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing browser-based skill management through an MCP server.

particles-physics
🎯frontend-dev-guidelines🎯Skill

Provides comprehensive frontend development guidelines for React/TypeScript applications, covering component patterns, data fetching, routing, and best practices.

frontend-dev-guidelines
🎯d3js-visualization🎯Skill

A D3.js visualization skill from Skills Manager, a browser-based UI for managing Claude MCP skills with on-demand specialized knowledge loading.

d3js-visualization
🎯r3f-fundamentals🎯Skill

A skill for React Three Fiber (R3F) fundamentals covering core Canvas setup, scene hierarchy, camera systems, lighting, render loop, and React integration patterns for declarative Three.js development.

r3f-fundamentals
🎯audio-analysis🎯Skill

An audio analysis skill from Skills Manager, a visual web interface for managing Claude MCP skills with browser-based UI for skill management.

audio-analysis
🎯shader-noise🎯Skill

A visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing browser-based skill management through an MCP server.

shader-noise
🎯pptx🎯Skill

Generates, edits, and analyzes PowerPoint presentations by manipulating .pptx files through XML parsing, markdown conversion, and specialized scripting tools.

pptx
🎯shader-sdf🎯Skill

Shader/SDF skill from Skills Manager, a visual web interface for managing Claude MCP Skills with Claude Code CLI integration. Provides a browser-based UI for managing markdown-based instruction sets that Claude loads on demand.

shader-sdf
🎯postfx-effects🎯Skill

Skill for implementing post-processing visual effects from a Skills Manager project that provides a browser-based UI for managing Claude MCP Skills with CLI integration.

postfx-effects
🎯form-ux-patterns🎯Skill

Provides form UX design patterns and best practices for building accessible, user-friendly web forms with validation and error handling.

form-ux-patterns
🎯r3f-performance🎯Skill

Optimizes React Three Fiber (R3F) 3D rendering performance with techniques for geometry instancing, texture management, and frame rate optimization.

r3f-performance
🎯structural-physics🎯Skill

Structural physics skill for simulating and analyzing structural mechanics, load distribution, and material behavior.

structural-physics
🎯product-self-knowledge🎯Skill

Manages product knowledge and metadata within Skills Manager, a web interface for managing Claude MCP Skills with Claude Code CLI integration.

product-self-knowledge
🎯audio-reactive🎯Skill

Audio-reactive skill for creating audio-responsive visuals and animations that react to sound input in real-time.

audio-reactive
🎯building-mechanics🎯Skill

Provides building mechanics and structural systems guidance, from the Skills Manager platform for managing Claude MCP Skills with CLI integration.

building-mechanics
🎯r3f-materials🎯Skill

Enables advanced material configuration in React Three Fiber, supporting built-in materials, custom shaders, and dynamic uniform binding for 3D rendering.

r3f-materials
🎯docx🎯Skill

Generates, edits, and analyzes Microsoft Word documents (.docx) with comprehensive support for tracked changes, comments, and text extraction.

docx
🎯shader-router🎯Skill

A shader router skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

shader-router
🎯postfx-bloom🎯Skill

A post-processing bloom effect skill from Skills Manager, a visual web interface for managing Claude MCP skills with Claude Code CLI integration and a browser-based UI for managing markdown-based skill instruction sets.

postfx-bloom
🎯r3f-router🎯Skill

A React Three Fiber router skill from Skills Manager, a visual web interface for managing Claude MCP Skills with Claude Code CLI integration where skills are markdown-based instruction sets loaded on-demand.

r3f-router
🎯writing-plans🎯Skill

A skill for creating detailed implementation plans after brainstorming and design phases, producing step-by-step plans clear enough for execution by any developer regardless of project context.

writing-plans
🎯form-security🎯Skill

Implements web form security measures including input validation, CSRF protection, and XSS prevention within Skills Manager, a web interface for managing Claude MCP Skills.

form-security
🎯form-react🎯Skill

Generates a dynamic, interactive React form with real-time validation and state management for capturing structured user input.

form-react
🎯audio-playback🎯Skill

Manages audio file playback and control within Skills Manager, a web interface for managing Claude MCP Skills with Claude Code CLI integration.

audio-playback
🎯audio-router🎯Skill

Routes and manages audio input/output devices, allowing dynamic switching and configuration of sound sources and destinations across a system.

audio-router
🎯particles-router🎯Skill

A particles router skill from Skills Manager, a visual web interface for managing Claude MCP skills with Claude Code CLI integration, providing particle system routing and management workflows.

particles-router
🎯multiplayer-building🎯Skill

Multiplayer building game networking skill covering networked construction, delta synchronization, client prediction, and conflict resolution with server-authoritative architecture.

multiplayer-building
🎯r3f-geometry🎯Skill

Creates and manipulates 3D geometries in React Three Fiber, enabling custom shapes, built-in primitives, and optimized rendering through buffer attributes and instancing.

r3f-geometry
🎯brainstorming🎯Skill

A brainstorming skill from Skills Manager, a visual web interface for managing Claude MCP skills with Claude Code CLI integration, providing structured brainstorming workflows for ideation sessions.

brainstorming
🎯postfx-composer🎯Skill

Generates and composes post-processing effects and visual filters for digital images or graphics using Claude's instruction-based skill framework.

postfx-composer
🎯immersive-visuals-router🎯Skill

A immersive visuals router skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

immersive-visuals-router
🎯terrain-integration🎯Skill

A terrain integration skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

terrain-integration
🎯software-architecture🎯Skill

Designs and structures software systems using SOLID principles, design patterns, and best practices to create modular, maintainable, and scalable architectures.

software-architecture
🎯aws-skills🎯Skill

A aws skills skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

aws-skills
🎯postfx-router🎯Skill

Routes Three.js post-processing effect requests to specialized skills for bloom, effects composition, and composer setup.

postfx-router
🎯particles-lifecycle🎯Skill

A particles lifecycle skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

particles-lifecycle
🎯systematic-debugging🎯Skill

Systematically investigates software bugs using scientific method, tracing root causes through methodical analysis and targeted hypothesis testing.

systematic-debugging
🎯form-accessibility🎯Skill

Ensures WCAG 2.2 AA compliance for web forms with ARIA patterns, focus management, keyboard navigation, and screen reader support across any framework.

form-accessibility
🎯scientific-documentation🎯Skill

A scientific documentation skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

scientific-documentation
🎯router-template🎯Skill

A router template skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

router-template
🎯form-validation🎯Skill

A skill for schema-first form validation using Zod, covering timing patterns (reward early, punish late), async validation, and error message design applicable to any framework.

form-validation
🎯builder-ux🎯Skill

Implements builder user experience systems for Three.js building games, covering prefab/blueprint save/load, undo/redo command patterns, ghost preview placement, and copy/paste building mechanics.

builder-ux
🎯component-library🎯Skill

Generates production-ready React components using shadcn/ui architecture, providing 30+ customizable, accessible UI components with instant code creation.

component-library
🎯performance-at-scale🎯Skill

A performance at scale skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

performance-at-scale
🎯form-vue🎯Skill

A form vue skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

form-vue
🎯frontend-design🎯Skill

Designs distinctive, production-grade frontend interfaces with bold aesthetics, transforming web components and applications into visually memorable experiences.

frontend-design
🎯platform-building🎯Skill

Platform building skill from Skills Manager, a visual web interface for managing Claude MCP skills with CLI integration, where skills are markdown-based instruction sets loaded on demand.

platform-building
🎯canvas-design🎯Skill

Creates visual art, posters, and designs in PNG and PDF formats using design philosophy, generating original visual compositions while avoiding copyright violations from existing artists' work.

canvas-design
🎯backend-dev-guidelines🎯Skill

Provides comprehensive backend development guidelines and best practices for structuring Node.js/Express/TypeScript applications using a clean, layered architecture.

backend-dev-guidelines
🎯form-vanilla🎯Skill

Part of the Skills Manager project, a visual web interface for managing Claude MCP Skills with Claude Code CLI integration where skills are markdown-based instruction sets loaded on-demand.

form-vanilla
🎯algorithmic-art🎯Skill

Guides creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration, covering generative art techniques like flow fields and particle systems while avoiding copyright issues.

algorithmic-art
🎯case-studies-reference🎯Skill

A case studies reference skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

case-studies-reference
🎯subagent-driven-development🎯Skill

Dispatches independent subagents for individual implementation tasks with code review checkpoints between iterations, enabling rapid and controlled parallel development when executing implementation plans.

subagent-driven-development
🎯test-driven-development🎯Skill

Enforces disciplined test-driven development by mandating writing tests before implementation code, following the strict RED-GREEN-REFACTOR cycle.

test-driven-development
🎯building-router🎯Skill

A building router skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

building-router
🎯forms-router🎯Skill

A visual web interface for managing Claude MCP skills with CLI integration, enabling browser-based management of markdown-based instruction sets that Claude loads on-demand.

forms-router
🎯decay-upkeep🎯Skill

Part of the Skills Manager project, a visual web interface for managing Claude MCP Skills with Claude Code CLI integration, providing skill decay tracking and upkeep management.

decay-upkeep
🎯brand-guidelines🎯Skill

Skill

brand-guidelines
🎯skill-creator🎯Skill

A skill creator skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

skill-creator
🎯doc-coauthoring🎯Skill

A doc coauthoring skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

doc-coauthoring
🎯slack-gif-creator🎯Skill

A slack gif creator skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

slack-gif-creator
🎯theme-factory🎯Skill

A toolkit for styling artifacts with themes, offering 10 pre-set themes with colors and fonts that can be applied to slides, docs, reports, HTML landing pages, or generate new themes on-the-fly.

theme-factory
🎯internal-comms🎯Skill

A skill providing resources for writing internal communications including status reports, leadership updates, company newsletters, FAQs, incident reports, and project updates in preferred company formats.

internal-comms
🎯web-artifacts-builder🎯Skill

A web artifacts builder skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

web-artifacts-builder
🎯xlsx🎯Skill

A xlsx skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

xlsx
🎯using-git-worktrees🎯Skill

A using git worktrees skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

using-git-worktrees
🎯pdf🎯Skill

A pdf skill from a collection of Claude Code skills and MCP integrations for enhanced development workflows.

pdf
🎯mcp-builder🎯Skill

Skill

mcp-builder