Claude + Notion for websites

✍️ UX Copywriter Skill

CMS

If you used Claude to help you build your website, there's a good chance you're still going back to it every time you want to change a headline, swap an image, or reorder a section. This guide shows you how to stop doing that.

What It Does

✍️ UX Copywriter Skill

Every button label, error message, empty state, tooltip, onboarding flow, confirmation dialog, notification, and loading message — written with psychology, localization awareness, and accessibility built in.

Claude will understand the user’s emotional state before writing a single word, then deliver copy with Do/Don’t comparisons and clear reasoning behind every choice.

This isn’t a generic writing assistant. It’s a UX copy specialist that knows:

  • Why “Save Changes” beats “Submit” (outcome over action)

  • Why “Oops!” has no place in error messages (users are frustrated, not amused)

  • Why “Your dashboard” creates more engagement than “The dashboard” (endowment effect)

  • Why every piece of copy needs to survive German text expansion (30-40% longer)

What’s Inside

The skill includes 5 deep-reference guides that Claude loads only when needed:

Reference

What it covers

Microcopy Patterns

Do/Don’t for every UI component — buttons, errors, empty states, forms, tooltips, confirmations, loading, success, notifications, onboarding, search, AI interfaces

Product Type Guide

Copy adaptations for SaaS, fintech, health, e-commerce, education, and marketplaces

Psychology of Copy

Cognitive fluency, loss aversion, endowment effect, anchoring, framing, social proof, Zeigarnik effect, commitment escalation

Localization Checklist

Text expansion tables, RTL considerations, cultural tone differences, idiom traps, number/date formatting

Voice & Tone Framework

NNG 4 dimensions, building a voice guide, tone matching by user emotional state

How to Install

  1. Download the skill from the link below

  2. Open ClaudeCustomizeSkills

  3. Click the “+” button → “Upload a skill”

  4. Upload the ux-copywriter.zip file

  5. Toggle the skill ON after upload

  6. Start a new chat and test it!

<aside>
⚠️

Important: Make sure “Code execution and file creation” is enabled in Settings → Capabilities. Skills need this to work.

</aside>

📎 Download
https://drive.google.com/drive/folders/1lSwUatVOzOX5TGWgBDjKA820RiUsVLNr?usp=sharing

Test Prompts to Try

Try these to see the skill in action:

  • “Write an error message for when a file upload fails” — watch it deliver variants by failure reason with Do/Don’t tables

  • “Write onboarding copy for a fintech app” — it’ll ask who the user is and what they’re feeling before writing

  • “This button says Submit — can we make it better?” — instant improvement with psychology reasoning

  • “Do a copy audit on this settings page” — structured audit with Critical / Improve / Working Well format

  • “What should this empty state say?” — explains why “No data” is never acceptable

How It’s Different

Most AI writing tools generate generic copy. This skill is built on deep UX research covering cognitive psychology, localization, accessibility, and ethical copy boundaries.

It asks before it writes. For complex tasks, Claude gathers context about the user, their emotional state, the product type, and the component — then delivers expert-level copy with reasoning you can learn from.

It teaches judgment, not just craft. Every piece of copy comes with a “why this works” explanation, so you build your own UX writing instincts over time.

More Skills Coming Soon 🔥

<aside>
🚀

Want AI design workflows built for your team? We set up AI workflows for teams so you can move faster, prototype ideas that actually adhere to your visual guidelines, and unblock your team with a system that works. Whether you have a full design team or your engineers are winging it in Figma, we’ll build a workflow around what you actually need.

📞 Book a free discovery call

What this resource helps you do

If you used Claude to help you build your website, there’s a good chance you’re still going back to it every time you want to change a headline, swap an image, or reorder a section. This guide shows you how to stop doing that.

Best used for CMS workflows

Use this entry as a focused starting point: scan the framing, open the resource, then adapt the workflow to your own project structure. It is designed to be practical rather than theoretical, with clear next steps for teams and independent designers.

More Resources

Claude + Notion for websites

✍️ UX Copywriter Skill

Free

Claude

Notion

CMS

If you used Claude to help you build your website, there's a good chance you're still going back to it every time you want to change a headline, swap an image, or reorder a section. This guide shows you how to stop doing that.

Claude + Notion for websites

✍️ UX Copywriter Skill

Free

Claude

Notion

CMS

If you used Claude to help you build your website, there's a good chance you're still going back to it every time you want to change a headline, swap an image, or reorder a section. This guide shows you how to stop doing that.

Claude + Notion for websites

✍️ UX Copywriter Skill

Free

Claude

Notion

CMS

If you used Claude to help you build your website, there's a good chance you're still going back to it every time you want to change a headline, swap an image, or reorder a section. This guide shows you how to stop doing that.