Claude Skills by Sir-chawakorn

WCAG compliance checking and accessibility improvements. Use for auditing websites, fixing a11y issues, and implementing inclusive design.

--- name: api-client-generator description: Generate type-safe API clients from OpenAPI/Swagger specs or existing API endpoints ---

Design RESTful APIs with proper routes, validation, error handling, and documentation. Use when building backend services for PSI Engine or other server applications.

--- name: api-mocking description: Create mock APIs for frontend development and testing without backend dependencies ---

--- name: auto-debug description: Automatically detect bugs from terminal output and suggest/apply fixes without manual intervention ---

Automate browser interactions including form filling, clicking, typing, navigation, and screenshot capture. Use this skill when testing web apps, automating uploads, or validating UI on TikTok, YouTube, or other web platforms.

--- name: changelog-generator description: Generate changelogs automatically from git commits following conventional changelog format ---

Build Chrome Extensions with Manifest V3, background service workers, content scripts, and message passing. Use when developing TikTok Uploader extension or any browser extensions.

Automated CI/CD pipeline setup with GitHub Actions, deployment strategies, and automation workflows. Use for build automation, testing, and deployment.

Cloud migration strategies for AWS, GCP, and Azure. Use for lift-and-shift, replatforming, and cloud-native architecture design.

--- name: code-explanation description: Explain complex code in simple terms, document logic, and help developers understand unfamiliar codebases ---

Scaffolding, boilerplate generation, and project templates. Use for generating components, modules, APIs, and project structures.

AI-assisted code review for bugs, style, performance, and security issues. Use this skill when reviewing code changes, pull requests, or when asked to check code quality.

--- name: code-search description: Efficiently search through codebases to find patterns, usages, and references ---

--- name: code-translation description: Translate code between programming languages while preserving logic and idioms ---

--- name: codebase-understanding description: Deeply understand entire codebases including file relationships, architecture patterns, and data flows ---

--- name: commit-message description: Generate meaningful, conventional commit messages from code changes ---

Data processing, analysis, and visualization with Python/JavaScript. Use for data exploration, pandas operations, chart generation, and insights extraction.

Database schema design, migrations, query optimization, and ORM best practices. Use for database setup, performance tuning, and data modeling.

Systematic debugging workflow to find and fix bugs efficiently. Use this skill when troubleshooting errors, investigating issues, or when code doesn't work as expected.

--- name: dependency-management description: Manage project dependencies including installation, updates, conflict resolution, and security audits ---

Build, package, and deploy applications including CI/CD, release processes, and distribution. Use when preparing applications for production or distribution.

--- name: diagram-generator description: Generate visual diagrams from code, text descriptions, or data structures using Mermaid ---

Create clear and comprehensive documentation including README, API docs, code comments, and changelogs. Use this skill when writing or improving project documentation.

Build Electron desktop applications with IPC, window management, and packaging. Use when working on TitanMirror desktop app or any cross-platform desktop applications.

--- name: env-setup description: Setup and configure development environments for various tech stacks ---