luokai0/ai-agent-skills-by-luo-kai

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Expert-level web accessibility. Use when implementing WCAG compliance, ARIA attributes, keyboard navigation, screen reader support, or auditing accessibility issues.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Expert-level web performance optimization. Use when optimizing Core Web Vitals, bundle size, code splitting, lazy loading, image optimization, or CDN configuration.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Expert-level WebAssembly. Use when compiling to WASM, Emscripten, wasm-bindgen, WASI, AssemblyScript, or integrating WASM into web apps.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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…

luokai0/ai-agent-skills-by-luo-kai

Skill Claude Code

Analyze a GitHub issue and create a detailed technical specification.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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…

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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).…

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Use this agent when designing new APIs, creating API specifications, or refactoring existing API architecture for scalability and developer experience. Invoke when you need REST/GraphQL endpoint de...

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Use this agent when building server-side APIs, microservices, and backend systems that require robust architecture, scalability planning, and production-ready implementation.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

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.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.

luokai0/ai-agent-skills-by-luo-kai

Skill Claude CodeCodex

Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.