bergside

Design Md Sketch — AI skill for Claude Code

AI community

Sketch plugin that extracts local workspace syles and generates DESIGN.md and SKILL.md files for AI.

How to install Design Md Sketch

This entry records only its repository, not the path inside it, so there is no exact command to give. Open bergside/design-md-sketch and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Design Md Sketch does

Sketch plugin that extracts local workspace syles and generates DESIGN.md and SKILL.md files for AI.

Alternatives in AI

J Space Cognition Suite V3.7 — J-Space Cognition Suite V3.7 - AI cognitive-enhancement Skills based on Anthropic's J-space global workspace r 3k ★
Deepseek Pp — DeepSeek Web browser extension: AI agent workspace with MCP tools, memory, Skills, automation, web search, and 1.7k ★
Openclaw Backup — One-click backup & restore for OpenClaw instances — workspace, credentials, skills, agent history 660 ★

README

DESIGN.md Generator for Sketch - TypeUI

Sketch plugin that extracts local style signals and generates editable `DESIGN.md` and `SKILL.md` drafts from TypeUI blueprints.

Features

Extracts shared text/layer styles, colors, typography, radius, spacing signals from the current Sketch document
Generates draft DESIGN.md and SKILL.md content based on bundled blueprints
Tab switcher between DESIGN.md and SKILL.md
Editable markdown textarea
Top-right actions: Copy, Download, Refresh
Extraction stats and estimated token counts
Footer links to TypeUI and GitHub metadata

Development

npm install
npm run build

This builds `design-md-sketch.sketchplugin` and symlinks it to Sketch via `skpm-link` during `npm install`.

Publishing with skpm

This repo is configured for `skpm publish` with:

GitHub repo remote configured in package.json
Explicit appcast URL in src/manifest.json:
- https://raw.githubusercontent.com/bergside/design-md-sketch/main/.appcast.xml
skpm pinned in devDependencies
Release scripts in package.json

1) One-time auth

Use a GitHub Personal Access Token (classic) with `repo` scope.

npm run skpm:login

2) Preflight

npm run build
npm run publish:help

3) Publish a release

Pick one:

npm run publish:patch
npm run publish:minor
npm run publish:major

`skpm publish` automates:

ZIP archive generation
GitHub Release creation
.appcast.xml create/update
Plugin Directory PR flow (unless skipped)

4) Optional flags

Run directly when needed:

npx skpm publish patch --skip-registry
npx skpm publish patch --skip-release

Notes on Sketch 97+

skpm is no longer actively maintained.
It generates RSS/XML appcast (.appcast.xml).
Sketch 97 introduced JSON update feeds, but continues to support previous appcast format via conversion for compatibility.