← ClaudeAtlas

webcraft-uilisted

UI quality, generation, review, audit, and polish skill for Codex. Use when building, redesigning, reviewing, auditing, or fixing web pages, websites, landing pages, dashboards, portfolios, frontend prototypes, visual systems, component states, responsive layouts, typography, colors, borders, radius, modals, and AI-generated UI that feels rough, generic, inconsistent, or template-like.
frankguodev/webcraft-skills · ★ 1 · Web & Frontend · score 67
Install: claude install-skill frankguodev/webcraft-skills
# Webcraft UI Use this skill as a senior UI/UX reviewer and frontend implementation guide. Treat UI quality as a system: information architecture, layout, typography, color, spacing, border/radius/shadow, interaction states, responsive behavior, accessibility, and visual restraint. ## Locale Contract Choose exactly one runtime locale before reading reference files: - Use `zh` when the user's current request is primarily Chinese, when the target UI/copy is Chinese, or when the task depends on Chinese typography, Chinese line-breaking, Chinese UX wording, or mixed Chinese/English content. - Use `en` for English requests and for requests where the user does not indicate a Chinese context. - Do not choose locale from the repository's available files, package metadata, or file names. Choose from the user's request and the target UI/content context. - After choosing `zh`, read only `.zh.md` workflow/checklist/module/preset references. Do not also read the English pair. - After choosing `en`, read only non-`.zh.md` workflow/checklist/module/preset references. Do not also read the Chinese pair. - Read both locales only when the user explicitly asks for translation, bilingual comparison, localization, or consistency checking between locales. - Reply in the user's language by default. Keep stable command names, file paths, mode names, and severity labels as written in the references when useful. ## Operating Modes Reference files are paired by locale. For the selected locale, rea