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

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

Skill Claude CodeCodex

Generate images and videos with Kling O3 — Kling's most powerful model family. Text-to-image, text-to-video, image-to-video, and video-to-video editing. Use when the user requests "Kling", "Kling O3", "Best quality video", "Kling image", "Kling video editing".

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 Codex

GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.

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

Skill Claude CodeCodex

Expert-level Next.js development. Use when building Next.js apps, working with App Router, Server Components, Client Components, Server Actions, data fetching, middleware, ISR, SSG, SSR, or deploying Next.js. Also use when the user mentions 'App Router', 'Server Actions', 'getServerSideProps', 'middleware', 'ISR'…

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

Skill Claude CodeCodex

Help founders and marketers nail their positioning. Use when someone mentions "positioning," "value proposition," "who is this for," "how do I describe my product," "messaging," "ICP," "ideal customer," or is struggling to articulate what makes their product different.

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

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

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

Skill Claude Code

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

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

Skill Claude CodeCodex

Expert-level React development. Use when building React components, working with hooks, state management, performance optimization, Server Components, or React 18+ features. Also use when the user mentions 'useState', 'useEffect', 're-render', 'context', 'props', 'component', 'hooks', 'Redux', 'Zustand', 'React…

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

Skill Claude CodeCodex

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

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

Skill Claude Code

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

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

Skill Claude CodeCodex

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4.

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

Skill Claude CodeCodex

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".

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

Skill Claude CodeCodex

Expert-level Vue.js development. Use when building Vue apps, working with Composition API, Pinia, Vue Router, or Nuxt.js.

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

Skill Claude CodeCodex

Expert-level Svelte/SvelteKit development. Use when building Svelte components, working with stores, SvelteKit routing, form actions, or server-side rendering.

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

Skill Claude CodeCodex

Expert-level Astro framework. Use when building Astro sites, working with islands architecture, content collections, SSR adapters, or ViewTransitions.

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

Skill Claude CodeCodex

Expert-level CSS and styling. Use when working with CSS Grid, Flexbox, animations, CSS variables, responsive design, Tailwind CSS, or advanced CSS techniques.

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

Skill Claude Code

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.

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

Skill Claude Code

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

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

Skill Claude Code

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

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

Skill Claude CodeCodex

Expert-level data visualization. Use when creating charts with D3.js, Plotly, Matplotlib, Seaborn, Recharts, or designing effective dashboards.

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

Skill Claude CodeCodex

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

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

Skill Claude CodeCodex

Expert-level Three.js and WebGL. Use when building 3D scenes, working with geometries, materials, shaders, GLSL, WebGL, or react-three-fiber.

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

Skill Claude CodeCodex

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

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

Skill Claude CodeCodex

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.