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 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 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 group of interface components for countdowns, coupons, prices, progress, and quantity controls. The components support details such as time formats, currency symbols, original prices, limits, and step sizes.
Command Claude Code
A set of mobile interface building blocks for avatars, cards, forms, navigation bars, pop-ups, and bottom menus. They provide consistent layouts and behaviors such as sizing, borders, clicks, and overlays.
Command Claude Code
A collection of CSS classes for buttons, cards, combined layouts, divider lines, and shapes. CSS classes are reusable style labels added to interface elements to control their appearance.
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: