スキルを探す

Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.

日本語の概要は準備中です。原文の説明を表示しています。

Builds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and components.

日本語の概要は準備中です。原文の説明を表示しています。

Reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI.

日本語の概要は準備中です。原文の説明を表示しています。

Writes and reviews your interface copy, from labels and errors to empty states and confirmations, so it matches your product's voice and tells people what to do next.

日本語の概要は準備中です。原文の説明を表示しています。

Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it.

日本語の概要は準備中です。原文の説明を表示しています。

Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncation and punctuation.

日本語の概要は準備中です。原文の説明を表示しています。

Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts between formats and measures contrast.

日本語の概要は準備中です。原文の説明を表示しています。

Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot.

日本語の概要は準備中です。原文の説明を表示しています。

Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.

日本語の概要は準備中です。原文の説明を表示しています。

Helps with grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mirrored.

日本語の概要は準備中です。原文の説明を表示しています。

Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state.

日本語の概要は準備中です。原文の説明を表示しています。

Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows, icon states and animation.

日本語の概要は準備中です。原文の説明を表示しています。

Builds multiple variants of a component you're working on and helps you iterate and pick one.

日本語の概要は準備中です。原文の説明を表示しています。

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full review modes. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows, icons, icon stroke weight, icon states, motion restraint.

日本語の概要は準備中です。原文の説明を表示しています。