본문으로 건너뛰기
cccskills
무료GitHub에 공개

ux-copy

Use when you write any words a user reads in a mockup or a hand-off - content language and voice, buttons, labels, errors, empty states, confirmations, numbers and dates, and the longest-string check

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md3.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

UX Copy

Overview

The words are part of the design: a button label decides whether the user knows what happens next, an error decides whether they can recover. Copy written as an afterthought — "Submit", "Error occurred", "No data" — is how a well-drawn screen still fails.

Core principle: Say what happens, in the user's words, in the product's language — and write the longest version you will ever see.

Language and voice

  • Write in the product audience's content language (the brief names it) — never in TaskTrooper's own UI locale just because the board is in it.
  • Read the product's existing strings first (locales/*.json, Localizable.strings, res/values/strings.xml, lib/l10n/*.arb) and reuse its terms exactly: if the app says "Workspace", a new screen does not say "Project". Match its voice — formal or casual, "you" or impersonal.
  • Copy the brief gives is used verbatim. Copy you wrote is listed in #notes as draft copy.

Patterns

ElementWriteNot
Buttonverb + object, sentence case: "Send invoice""Submit", "OK", "Click here"
Destructive buttonnames the thing: "Delete invoice""Delete", "Yes"
Field labela noun above the field: "Customer email"the placeholder as the only label
Placeholderan example: "name@company.com"the label repeated
Helper textthe constraint, before the user hits it: "At least 8 characters"a tooltip-only hint
Errorwhat happened + how to fix, no blame, no apology: "Enter an email address like name@company.com""Invalid input", "Oops! Something went wrong"
System errorwhat failed + what to do: "Invoices couldn't load. Check your connection and try again." + "Retry"an error code alone
Empty, first usewhy it is empty + the one next action: "No invoices yet — create your first one in under a minute." + "New invoice""No data"
Empty, no resultsthe query + the way out: "No invoices match "Ortiz"" + "Clear search"the first-use empty state
Successthe outcome with the object: "Invoice INV-204 sent to Dana Ortiz""Success!"
Confirmation dialogtitle asks with the object ("Delete invoice INV-204?"), body states the consequence ("This can't be undone."), buttons are the verb and "Cancel""Are you sure?" with Yes / No
Linkwhere it goes: "View invoice""Click here", "More"
Icon-only controlits accessible name, written in the spec: "Filter invoices"nothing

Numbers, dates, plurals

  • Amounts, dates and numbers in the content language's locale format, with the currency the product uses; tabular figures where amounts line up.
  • Plurals for every count ("1 invoice", "2 invoices"); relative dates only for recent events ("2 hours ago"), absolute beyond that.

Length

  • Draw the longest plausible string at least once: the longest customer name, a title that wraps to three lines, a five-digit count. German, Finnish and Turkish run 30–40% longer than English.
  • Say what truncates and where the full text lives — on touch screens there is no hover to reveal it.

Common Mistakes

  • Generic labels that fit any screen ("Submit", "Details", "Manage").
  • One empty state for "nothing yet" and "nothing matches".
  • Apologetic, jokey or blaming errors.
  • Copy in the board's language instead of the product's.

Red Flags

  • A placeholder doing a label's job.
  • An error message that does not say how to recover.
  • A destructive action whose button says only "Delete" or "Yes".

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Use when writing acceptance criteria for a task - express each as an observable Given/When/Then that QA can execute, including negative cases

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

makifbaysal/tasktrooper1182026년 10월 21일 업데이트

Use when the diff adds or changes an endpoint, resolver, RPC, job or query that takes an object id, a role check, a request binding or a tenant filter - BOLA/IDOR, function-level authorization, mass assignment and tenant scoping

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

makifbaysal/tasktrooper1182026년 10월 21일 업데이트

Use on every UI change - semantic HTML, labels for controls, keyboard-navigable dialogs/menus, visible focus, and never color as the only signal

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

makifbaysal/tasktrooper1182026년 10월 21일 업데이트

Use when a task changes any screen, form, dialog, menu or control - Lighthouse/axe scan of the changed screens, a keyboard walk, and the thresholds that fail a task

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

makifbaysal/tasktrooper1182026년 10월 21일 업데이트

How to work a task returned with review, QA or UAT findings. Use when a task is in need_revision or PR review comments are in your context.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

makifbaysal/tasktrooper1182026년 10월 21일 업데이트

Use when the repository keeps its alerting in code, or a person asks for alerts outside TaskTrooper - PrometheusRule YAML, a Cloud Monitoring alert policy in Terraform, a Datadog monitor, each routed to TaskTrooper's alert ingest URL so it opens an incident here

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

makifbaysal/tasktrooper1182026년 10월 21일 업데이트

makifbaysal의 스킬 모두 보기

이 스킬의 문제 신고