r3f-materials
Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, …
Browse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.
Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, …
Dash Mantine Components (DMC) best practices and performance optimization guidelines. Use this skill when writing, reviewing, or refactoring Dash apps with DMC to ensure optimal patterns. Triggers on:…
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.
CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, …
Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reacti...
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
Unreal Engine patterns, Actor/Component model, Blueprints vs C++, and best practices
GLSL shader fundamentals—vertex and fragment shaders, uniforms, varyings, attributes, coordinate systems, built-in variables, and data types. Use when writing custom shaders, understanding the graphic…
Expert guidance for building chat UIs with AI SDK React hooks. Use when: (1) Building chatbots with useChat hook, (2) Implementing tool UIs with server/client execution, (3) Handling message persisten…
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works with React 18/19, Next.js 14/15.
CRITICAL: Use for Makepad animation system. Triggers on: makepad animation, makepad animator, makepad hover, makepad state, makepad transition, "from: { all: Forward", makepad pressed, makepad 动画, mak…
Modo Elite Coder + UX Pixel-Perfect otimizado especificamente para Gemini 3.1 Pro High. Workflow completo com foco em qualidade máxima e eficiência de tokens.
Proactively apply when generating Slack API payloads with blocks, chat.postMessage calls with structured content, or views.open/views.publish calls. Triggers on Block Kit, Slack blocks, section block,…
Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help t…
UI design: wireframes, prototypes, design systems, visual design.
Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects) based on task requirements. Use when starting a shader project or needing guidance …
Headless UI - Unstyled, fully accessible UI components for React and Vue with built-in ARIA patterns
Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.
CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体…
Best practices for Remotion - Video creation in React
Highly directive, high-agency AI system prompt for generating Neobrutalist websites. Enforces strict design rules, typography, colors, and interactive states without requiring user explanation.
Create modern front-end projects using Vite, supporting React, Vue, Svelte, Solid, Preact, Lit, Qwik, and Vanilla JS, with optional TypeScript. This skill is used when users need to initialize new fro…
Specific rules for PyQt6 based UI development focusing on UI/UX excellence and performance.