jiushiwon

jiushiwon/wg-skills

Skill Claude CodeCodex

A FastAPI module for sending SMS, email, in-app messages, and push notifications. It also supports message templates and records for in-app notifications.

jiushiwon/wg-skills

Skill Claude CodeCodex

A FastAPI module for managing companies, departments, users, roles, menus, and permissions. RBAC, or role-based access control, means people get access based on the roles assigned to them.

jiushiwon/wg-skills

Skill Claude CodeCodex

A FastAPI integration guide for adding WeChat Pay and Alipay payments to an existing Python service. It covers payments, refunds, asynchronous notifications, and billing reconciliation.

jiushiwon/wg-skills

Skill Claude CodeCodex

A FastAPI module for real-time one-to-one chat over WebSocket, a connection that stays open so messages can arrive immediately. It includes message storage, offline delivery, unread counts, conversations, and multiple-device login.

jiushiwon/wg-skills

Skill Claude CodeCodex

A Python integration guide for adding Apache Kafka to an existing FastAPI project. Kafka is a system for sending, storing, and processing streams of messages between services.

jiushiwon/wg-skills

Skill Claude CodeCodex

A Python integration guide for adding Redis to an existing FastAPI project. Redis is a fast shared data store commonly used for temporary data, sessions, locks, counters, and messages.

jiushiwon/wg-skills

Skill Claude CodeCodex

A beginner-friendly guide to core Python concepts, including syntax, data types, functions, classes, errors, files, packages, and concurrency.

jiushiwon/wg-skills

Skill Claude CodeCodex

A tool for starting a Rust web backend with the Axum framework, SQLx database access, JWT login protection, REST API structure, and development hot reload.

jiushiwon/wg-skills

Skill Claude CodeCodex

A front-end code review procedure for uni-app, Vue 3, React, and TypeScript projects. It checks code for correctness, security, speed, translation support, and accessibility, meaning whether people with disabilities can use it.

jiushiwon/wg-skills

Skill Claude CodeCodex

Use when designing or reviewing the request layer of a frontend project (web / uni-app / mini-program), including request.ts wrappers, interceptors, deduplication, mocks, error handling, file upload, SSE streaming, or token refresh. Provides both a general frontend specification and a uniapp-specific adapter.

jiushiwon/wg-skills

Skill Claude CodeCodex

A frontend style review and cleanup tool for uni-app, Vue, React, or plain HTML projects. It finds repeated styles, inconsistent component sizes, and scattered fixed values such as colors and spacing.

jiushiwon/wg-skills

Skill Claude CodeCodex

Use when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting design tokens from code, when applying a brand style, or when auditing a frontend project for design and code quality. Covers 8 scenarios…

jiushiwon/wg-skills

Command

A project review command that checks both the user interface and the code. It can inspect design rules, accessibility, performance, security, and code quality at different levels of depth.

jiushiwon/wg-skills

Command

A command that applies a chosen brand’s visual style to a project’s interface. It uses the brand’s colors, fonts, component styles, spacing, corners, shadows, and motion rules.

jiushiwon/wg-skills

Command

A command that creates a new page or project from a chosen interface situation, brand style, and programming technology. It can produce either an implementation or only the written content and page structure.

jiushiwon/wg-skills

Command

A command for reviewing and changing the visual design of HTML, Vue, React, uni-app, or mini-program projects. It detects the technology, extracts existing design values such as colors and spacing, matches a brand profile, and applies a consistent design system.

jiushiwon/wg-skills

Command

A command that describes a complete design starting point for a chosen interface situation, such as a mobile site, company website, admin dashboard, documentation site, finance app, or 3D page. It covers layout, components, interactions, visual values, and suggested colours.

jiushiwon/wg-skills

Command

A command that provides setup and development guidance for supported technology stacks, including HTML with Tailwind, React with Next.js, Vue with Nuxt, uni-app, React Native, and Svelte. A technology stack is the set of frameworks and tools used to build an application.

jiushiwon/wg-skills

Command

A command for managing design tokens, which are named reusable values for things like colors, spacing, fonts, borders, and shadows. It can extract values from a project, add token files, export them in several formats, validate them, and list available palettes and font pairings.

jiushiwon/wg-skills

Command

A command for bringing the design of multiple pages, modules, or technology versions closer to one shared design system. A design system is a common set of colours, fonts, spacing, shapes, shadows, and component rules.

jiushiwon/wg-skills

Skill Claude CodeCodex

A routing guide for finding and downloading icons and images for a project, including icons, photos, backgrounds, and banners.

jiushiwon/wg-skills

Skill Claude CodeCodex

A workflow for finding and downloading professional SVG icons through Iconify, a free service that collects icons from several libraries. It covers choosing a library, translating meanings into search terms, and retrieving the icon.

jiushiwon/wg-skills

Skill Claude CodeCodex

A workflow for finding and downloading high-resolution images by meaning, using configurable image services such as Pexels, Pixabay, Unsplash, Flickr, and Picsum.

jiushiwon/wg-skills

Skill Claude CodeCodex

An image-processing and icon-generation tool based on Sharp, a Node.js image library. It can process images from configuration files and turn SVG drawings or paths into PNG icons.