how-to from: Claude Code Skills

Claude Code Skills for Designers, Writers, and Operators (No Code Required)

by J Cook · 7 min read·

Summary:

  1. Designer Reema: 2 hours/week correcting Claude dropped to 15 minutes, saving $1,200/month.
  2. Brand skill with specific hex codes, typography, and spacing rules.
  3. Writing voice skill that kills filler phrases and forces specific language.
  4. Business operator skill for weekly reports under 500 words.
  5. Agency case study: 6 writers, 8 extra articles/month, +$8,000 revenue.

Claude Code is not just for developers. The YouTube video “How to Use Claude Skills as a Designer” (83K views) showed the potential, but the real proof is in the numbers. Designer Reema was spending 2 hours every week correcting Claude’s color choices, font pairings, and component spacing. She built one brand skill file. That 2 hours dropped to 15 minutes. At her hourly rate, that’s $1,200/month saved.

No code. Just a markdown file with her brand specifications.

How does a brand skill work for designers?

A brand skill tells Claude your exact design language: colors, typography, spacing, and component naming. Without it, Claude guesses. With it, Claude produces on-brand output every time.

# Brand Design System

## Trigger
When creating or modifying any design asset, component, or style reference

## Instructions
- Primary palette: Dark Navy #1A1A2E, Accent Red #E94560, White #FFFFFF
- Typography: Inter for headings (600 weight), Source Sans Pro for body (400)
- Base spacing unit: 8px. All margins and padding must be multiples of 8.
- Component naming: match [Figma](https://www.figma.com/developers/api) layer names exactly (see the [Figma component library docs](https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-components-in-Figma) for naming conventions)
  - Hero sections: `hero-[page]-[variant]`
  - Cards: `card-[type]-[size]` (e.g., card-testimonial-lg)
  - Buttons: `btn-[variant]-[size]` (e.g., btn-primary-md)

## Constraints
- Never use colors outside the defined palette
- Never use spacing values that aren't multiples of 8px
- Never rename Figma components without updating the skill file

Reema’s lesson: her brand rebranded from navy to dark green. She updated the Figma files, the marketing site, and the pitch decks. She forgot to update the skill file. Claude kept producing navy-themed output for 2 weeks before she noticed.

The fix: when your brand changes, the skill file is the first thing you update. Not the last.

How do writing skills eliminate filler language?

Writing voice skills work the same way developer skills do: specific rules that Claude follows every time. The difference is you’re encoding editorial standards instead of coding standards.

# Writing Voice

## Trigger
When writing or editing any content: articles, emails, social posts, reports

## Instructions
- Kill list (never use these phrases):
  - "In today's [anything]"
  - "It's important to note"
  - "At the end of the day"
  - "Dive deep into"
- Sentence length: 5-25 words. If a sentence exceeds 25, split it.
- Always use contractions: "don't" not "do not", "isn't" not "is not"
- Replace vague references with specifics:
  - "Many companies" → "Stripe, Vercel, Linear"
  - "Some users" → "14% of trial users" or name the segment
  - "A significant increase" → "32% increase" or the actual number

## Constraints
- No sentence over 25 words
- No paragraph over 4 sentences
- No filler adjectives: "innovative", "cutting-edge", "robust", "seamless"

Before (without skill):

In today's rapidly evolving digital landscape, it's important to note that
many companies are leveraging innovative AI solutions. At the end of the
day, this represents a significant shift in how businesses operate.

After (with skill):

Stripe, Vercel, and Linear shipped AI features in the last 6 months.
Their support ticket volume dropped 40%. That's not a trend piece. That's
a cost reduction you can copy.

Same topic. One is wallpaper. The other is useful.

How do operators use skills for business reports?

Weekly reports eat hours. Most of that time goes to formatting, word count management, and restructuring the same template every week. One skill file handles all of it.

# Weekly Business Report

## Trigger
When generating weekly status reports or business updates

## Instructions
- Structure (in this exact order):
  1. Executive summary: ONE sentence, max 20 words
  2. Metrics table: metric name, current value, WoW change (%), status arrow
  3. Top 3 accomplishments: one sentence each, measurable outcome
  4. Top 3 risks: one sentence each, include mitigation status
- Total word count: under 500 words. No exceptions.
- Use data from the provided sources only. Do not extrapolate.

## Constraints
- Never exceed 500 words
- Never include more than 3 accomplishments or 3 risks
- Never use subjective assessments ("great progress", "going well")
- Every claim must have a number attached

This turns a 40-minute report-writing session into a 10-minute review. Feed Claude the raw data, get back a formatted report. Your only job is checking the numbers.

What does a skills-powered agency look like?

A content agency with 6 writers implemented writing voice skills across their entire operation. The numbers:

Metric                  Before Skills    After Skills     Change
────────────────────────────────────────────────────────────────
Edit time per article    40 min           10 min          -75%
Weekly editing hours     20 hrs           10 hrs          -10 hrs
Articles published/mo    20               28              +40%
Monthly revenue          baseline         +$8,000         +$8,000
────────────────────────────────────────────────────────────────

The editing time dropped because Claude’s first drafts already matched the house style. Writers spent less time fixing tone, removing filler phrases, and reformatting. The freed 10 hours per week went into producing 8 additional articles per month. At their per-article rate, that’s $8,000 in new monthly revenue.

The setup took one afternoon: one voice skill, one formatting skill, and one SEO skill shared across the team’s Claude instances.

What broke

The agency’s biggest mistake: they gave each writer a copy of the skills files instead of a shared repository. Writer #3 modified their voice skill to allow longer sentences. Writer #5 removed the filler phrase kill list “because clients like it.” Within a month, the 6 writers were producing inconsistent output again.

Fix: skills files live in a shared repo. Writers get read access. The editorial lead controls updates.

# Team skills setup — shared repo approach
git clone git@github.com:agency/claude-skills.git ~/.claude/skills-shared/
# Each writer symlinks to shared skills
ln -s ~/.claude/skills-shared/voice.md ~/.claude/skills/voice.md
ln -s ~/.claude/skills-shared/formatting.md ~/.claude/skills/formatting.md
# Now updates propagate to all writers via git pull

What should you actually do?

  • If you’re a designer —> create a brand skill with your exact hex codes, typography specs, and spacing units. The specificity matters. “#1A1A2E” works. “dark navy” does not. Update the skill file the same day you update your brand guidelines.
  • If you’re a writer or editor —> build a voice skill with your kill list, sentence length rules, and specificity requirements. Test it with 3 articles before rolling it out to a team.
  • If you run an agency or team —> centralize skills in a shared repo. One person controls updates. The ROI is measurable in hours saved per week and articles shipped per month.

bottom_line

  • Non-coders get the same productivity gains as developers. Reema saved $1,200/month with one brand skill file. No code required. (The “How to Use Claude Skills as a Designer” video, 83K views, walks through a similar workflow.)
  • Writing voice skills eliminate filler at the source. An agency went from 20 to 28 articles per month and added $8,000 in monthly revenue.
  • Centralize skills for teams. Individual copies drift within weeks. A shared repo with controlled updates keeps output consistent.

Frequently Asked Questions

Do I need to know how to code to use Claude Code skills?+

No. Skills are markdown files with plain-language rules. If you can write a bullet-point list of your preferences, you can write a skill file.

Can Claude Code skills work for design workflows?+

Yes. A designer named Reema went from 2 hours/week correcting Claude's brand output to 15 minutes/week by encoding hex codes, typography, and spacing rules in a single skill file.

How much can a writing agency save with skills?+

One agency with 6 writers cut editing time from 40 minutes per article to 10 minutes. That freed 10 hours per week, let them publish 28 articles instead of 20, and added $8,000/month in revenue.