UI UX Kit

このスキルについて

Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.

おすすめする理由

A design workflow for new interfaces and focused redesigns. It distinguishes dashboards, landing pages, stores, editorial pages and native apps; optional image-generation helpers are separate dependencies.

役立つこと

• Plan and implement a consistent interface for a specific product surface.
• Audit an existing interface and record reusable decisions.

Workflow and expected result

1. Step 1

   Identify the product surface and preserve existing brand and framework constraints.

2. Step 2

   Choose one visual concept, implement shared tokens and component states, then check the rendered layout.

3. Step 3

   Review contrast, hierarchy and overflow; record the actual values in DESIGN_SYSTEM.md.

Reviewed upstream task instructions

Source review

Reviewed the task instructions and repository inventory at commit af67a2cba570. This listing describes the upstream workflow; it does not claim that a full product implementation or accessibility audit was executed during intake.

Reviewed upstream task instructionsOfficial repository and installation guide

使う前に

• A coding assistant with local file access and Node.js for the upstream installer. Review the installed instructions before use.
• Keep the skill references with SKILL.md. Browser research and rendered checks need browser access; AI image creation needs an available image tool or the separately documented helpers.

対応エージェント