Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
Sponsored
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.
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.
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
audio-analysis
bbeierle12/skill-mcp-claude
6
This skill analyzes audio with FFT, waveform, and meter data to drive visuals and reactive effects.
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.
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.
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.
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.
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.
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.
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.
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
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."
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
particles-router
bbeierle12/skill-mcp-claude
6
This skill routes particle tasks to GPU, physics, and lifecycle specialists, delivering recommended combinations for optimal effects.
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.
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.
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.
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.
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.
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.
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.
pdf
bbeierle12/skill-mcp-claude
6
This skill helps you manipulate PDF documents programmatically by extracting text and tables, merging, splitting, creating, and securing PDFs.
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.
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.
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.
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
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.
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.).
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.
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.
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.
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.
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.
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-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-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.
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.
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-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.
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.
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-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.
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.
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.
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.
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-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.
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.
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-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.
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.
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-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.
brainstorming
bbeierle12/skill-mcp-claude
6
This skill guides feature ideation and design through structured, incremental questioning, helping teams define scope before coding.
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
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.
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.
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.
systematic-debugging
bbeierle12/skill-mcp-claude
6
This skill helps you debug code systematically by guiding root cause analysis and disciplined testing before fixes.
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.
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.
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.
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.
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
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.
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.
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-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.