词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Compose Design Component Skill for ChatGPT: Define Variants, Slots and Theme Previews

Turn a confirmed component design into a Compose implementation brief. Record names, states, string resources, tokens, and previews for meaningful variants.

中文

Install in ChatGPT

Requires a ChatGPT workspace where you can create skills. This is a text adaptation of the pinned GitHub source.

  1. Review the inputs and outputs in the pinned .claude/skills/write-design-system-component/SKILL.md.
  2. In ChatGPT, open Plugins, Skills, Create, and Create with editor.
  3. Write the skill rules using the workflow described here. Provide the approved design, states, tokens, comparable components, and localization copy.
  4. Save the skill and check the fictional example in a new chat.

Example task

A fictional task chip has default, selected, and disabled states, a caller-supplied icon, and a Chinese screen-reader label. Draft a Kuvio delivery brief.

What to check

Describe each state, an optional icon slot, and string resources. List light, dark, and assistive checks and use supplied theme semantics.

Original SKILL.md on GitHub · Updated

Frequently asked question

Should icon color and size be separate parameters?

Check existing icon rules and composition slots first. Add configurability only for established call sites.