# Gfx

> Gfx

- Skill: `kongshan001/gfx` (Agent Skill)
- Install (CLI): `npx skillmds@latest add kongshan001/gfx`
- Raw SKILL.md: https://api.skillmd.com/api/skills/kongshan001/gfx/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: kongshan001 (https://skillmd.com/u/kongshan001)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/kongshan001/gfx

---


# Gfx

## Overview

This skill provides expertise for the **gfx** module.

**Location**: `cocos/gfx`

**Language**: typescript

**Files**: 10 files

## Domain Expertise

### Patterns
- abstraction-layer
- rendering-api

### Key Concepts
- `Device`
- `Buffer`
- `Texture`
- `Shader`
- `PipelineState`

## Key APIs

### Classes
- `Device`
- `Buffer`
- `Texture`
- `Shader`
- `PipelineState`

### Functions
- `createBuffer()`
- `createTexture()`
- `createShader()`

### Public API
- `Device`
- `Buffer`
- `Texture`
- `Shader`

## Common Patterns

- **abstraction-layer**: Common pattern in this module
- **rendering-api**: Common pattern in this module

### Usage Examples

```typescript
// Pattern usage examples would go here
// Analyze actual code for specific implementations
```

## Code Examples

### Basic Usage

```typescript
# Import from gfx

import { Device, Buffer } from 'gfx';
```
## Usage Guide

### When to Use This Skill

- Working with gfx module
- Implementing features related to this domain
- Refactoring code in this module
- Debugging issues in this area

### Best Practices

1. **Understand the domain**: Review the module's purpose and patterns
2. **Follow conventions**: Use the naming and structure patterns found in the codebase
3. **Check dependencies**: Be aware of module dependencies
4. **Test changes**: Ensure changes don't break existing functionality

### Common Tasks

- Adding new functionality to the module
- Refactoring existing code
- Fixing bugs
- Adding tests