My Good AI SKILLS
This repository also configures its own agents. See what wg-skills tells them →
Command Claude Code needs its repo
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.
Command Claude Code needs its repo
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.
Command Claude Code
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.
Command Claude Code
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.
Command Claude Code
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.
Command Claude Code
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.
Command Claude Code needs its repo
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.
Command Claude Code needs its repo
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.
Command Claude Code
A collection of reusable button styles for uni-app interfaces, including primary, secondary, ghost, and icon-only buttons. It also documents size, block-width, and disabled-state variants.
Command Claude Code
A set of reusable card styles for uni-app interfaces, including basic, raised, and glass-effect panels. Each style includes example markup and visual properties such as spacing, corners, shadows, and blur.
Command Claude Code
A collection of reusable interface patterns that combine icons with labels, badges, and buttons. It documents variants such as status-colored tags and different button styles.
Command Claude Code
A collection of interface feedback components: short messages, confirmation dialogs, action menus, and loading states. These components tell users what happened or ask them what to do next.
Command Claude Code
A collection of form components for search boxes, labelled text fields, pickers, and date pickers. Pickers let users choose a value from a set of options or dates.
Command Claude Code
A set of horizontal and vertical line components, including solid, dashed, spaced, and gradient lines.
Command Claude Code
A collection of list components for rows, product cards, article cards, and chat bubbles. The cards display information such as images, titles, prices, summaries, authors, or dates.
Command Claude Code
A set of navigation components for app screens, including top bars, bottom tabs, top tabs, and side menus.
Command Claude Code
A small set of CSS-style shapes, including semicircles, circles, and dots, with size and direction variations.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: