# design-mode

> design-mode — harshkedia177-design-mode. Use this tool when you need to rapidly iterate on UI design changes and apply feedback directly to source code. It solves problems of tedious manual updates and miscommunication between designers and developers by providing a visual overlay for annotating and inspecting UI elements. With design-mode, simply point at your UI, provide design feedback, and Claude will apply the changes to your source code, streamlining the design-to-development workflow.

Canonical page: https://skillsregistry.net/skills/harshkedia177-design-mode  
JSON: https://api.skillsregistry.net/v1/skills/harshkedia177-design-mode

## Description

Point at your UI. Tell Claude what to change. Watch it happen. Visual overlay for annotating and inspecting UI elements — Claude applies your design feedback directly to source code.

## Trust

- **Trust score (0–1):** 0.92
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** container
- **Runtime environment:** vm
- **Category:** other
- **Updated:** 2026-09-21

## Source

- **Source listing:** [GitHub](https://github.com/harshkedia177/design-mode)

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "harshkedia177-design-mode"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/harshkedia177-design-mode` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/harshkedia177-design-mode/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt