newmindsgroup

Visual Design Kit — AI skill for Claude Code

AI community

A modular design toolkit for AI-assisted brand, web, UX, display and motion projects.

How to install Visual Design Kit

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

What Visual Design Kit does

A modular design toolkit for AI-assisted brand, web, UX, display and motion projects. Skills, workflows, templates and quality checks.

Alternatives in AI

Paul — Plan-Apply-Unify Loop — Structured AI-assisted development for Claude Code 1.2k ★
Browser Search — A skill for AI agents: search the web with SearXNG, browse with Camofox, bypass protections with CloakBrowser 499 ★
onWatch — Open-source Go CLI that tracks AI API quota usage across 7 providers (Synthetic, Z.ai, Anthropic, Codex, GitHu 397 ★

README

Visual Design Kit

![Visual Design Kit connects a shared library to independent existing-brand and new-brand projects, with reviewed lessons flowing back.](docs/images/kit-overview.svg)

**A reusable design workflow for people working with AI coding assistants.** Research the brief, choose a direction, create the work, inspect the output, and carry accepted decisions into the next step. Codex has observed installation and startup evidence. Cursor and Claude Code use a documented project-entry route whose native-session acceptance remains unverified.

**Current status: supervised evaluation.** The library contains 130 reference capabilities. Version 0.3.0 adds self-contained applied design guidance and explicit optional-reference modes. The [0.2.0 evidence](docs/QUALITY-020-RELEASE.md) covers the existing fictional examples, validators and bounded authoring-machine checks. A public repository or a matching checksum does not establish production readiness. Each project still needs human review and checks of its actual outputs.

Version-Timestamp: 2026-09-27 14:21:05 AST

[Installation](INSTALLATION.md) · [Start a project](#start-a-project) · [What is included](#what-is-included) · [Readiness](#what-is-verified) · [AI instructions](#instructions-for-ai-agents) · [Full catalog](docs/CAPABILITIES.md) · [Development checks](docs/DEVELOPMENT.md)

What this is for

Visual Design Kit gives a designer and an AI agent a common process, vocabulary, and set of deliverable contracts. It helps turn an ambiguous request into a sequence of inspectable outputs. It supports an entire project, an individual phase, or a precise revision.

Examples include:

Extending an existing brand into a website, campaign, retail screen, or touchscreen experience while preserving its approved identity.
Developing a new brand from research and positioning through logo concepts, typography, color, visual language, and guidelines.
Designing a website or app experience using audience eviden