Visual Identity Designer

Build a professional, precise visual identity (brand identity) for a project, startup, or business — logo direction, color system, typography, application mockups — via a structured 9-stage agency workflow ending in two polished deliverables — a Brand Identity Guide and a Design Language System (built with the docx skill, in the user's chosen language). Trigger any time the user attaches, pastes, or describes a project idea/brief and asks for a "visual identity", "brand identity", "logo", "branding", "brand kit", "brand guide", "design language system", "هوية بصرية", or similar — even without

5 starsFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add ali4o/visual-identity-designer --skill visual-identity-designer

Manual install

git clone --depth 1 https://github.com/ali4o/visual-identity-designer.git /tmp/visual-identity-designer
mkdir -p ~/.claude/skills
cp -r /tmp/visual-identity-designer/. ~/.claude/skills/visual-identity-designer

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Visual Identity Designer

A structured, agency-grade workflow for turning a raw project idea into a precise, professional visual identity. This skill is built around one non-negotiable principle: **precision requires interrogation first.** Most bad brand identities come from designing before the strategy is nailed down. This skill forces that step.

## Core Philosophy

A visual identity is not a logo. It is a system of decisions (color, type, shape, imagery, tone) that all trace back to strategic answers about the project's audience, positioning, and personality. If those answers are missing, guessed, or vague, everything built on top of them is decoration, not identity.

**Never jump straight from "here's my project idea" to "here's your logo/colors."** Always run the Grilling Phase first, even if the user seems impatient. Explain briefly why: a rushed identity is a wasted one, and this takes 5-10 minutes of sharp questions to save the user from a generic result.

## Workflow Overview

1. **Intake** — capture whatever the user already attached/described
2. **Grilling Phase** — relentless, structured interrogation to fill every strategic gap (see below)
3. **Strategy Synthesis** — turn answers into a one-page positioning summary
4. **Moodboard Direction** — describe/generate reference direction (style, imagery, competitor contrast)
5. **Logo Concept** — 2-3 distinct logo directions with rationale, not one guess

Read the full skill on GitHub

Details

Skill name: visual-identity-designer
Repository: ali4o/visual-identity-designer
Repo updated: 11 July 2026

FAQ

What does the Visual Identity Designer skill do?

How do I install the Visual Identity Designer skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add ali4o/visual-identity-designer --skill visual-identity-designer. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Visual Identity Designer popular?

It lives in ali4o/visual-identity-designer, which has 5 GitHub stars and 0 forks.

Related skills

Scrollytelling Brand Site

abdelrhman2007/scrollytelling-brand-site

Build an award-level, scroll-told company website with a story told through scroll, a WebGL "layer by layer" 3D print scene, pinned sections, per-service 3D models, a projects gallery, an About page, an optional .NET + SQL Server CMS with contact inbox and private QR contact cards, tuned to near-zero idle CPU/GPU and fully responsive. Use when the user asks for an amazing, premium, Awwwards-style, scrollytelling or 3D website for a company or brand, wants "a site like the Demo House of Prototyping site", or gives a company profile or deck to turn into an immersive site.

Frontend & DesignIn 1 list

UI Design Intelligence

DevvNirvana/tvastar-design-claude-code-skill

World-class UI/UX design intelligence — Tvastar v4.0. TRIGGER on: /design /preview /approved /apply /review /ship /component /heal /tokens /dark /a11y /cro /color /typography /motion /extract /storybook, build page, build component, landing page, hero section, dashboard, nav, card, animation, dark mode, layout, color palette, typography, redesign, make it look better, add animations, style this, improve UI, add polish, professional look, modern design, review my code, check before deploy, is this ready to ship.

Frontend & Design

Tastegate

stas4000/tastegate

Build or fix a frontend (landing page, marketing site, dashboard, app screen, component) so it looks designed, not AI-generated, and prove it in a real browser before calling it done. Picks a design direction first (taste), builds on a craft floor (impeccable-style rules), then runs scripts/gate.py, which renders the page at phone and desktop width and fails on overlapping text, sideways scroll, low contrast, tiny tap targets, AI purple gradients, gradient text, emoji icons, eyebrow labels, default fonts, three-equal-card grids and placeholder copy. Use for any UI build, redesign, polish or "m

Frontend & DesignIn 1 list

Project Steward

CheshireMew/project-steward

从项目过程与结果提炼治理方法并在明确要求时自我进化；按实施计划审计完成度，研究整理仓库，预防返工，沿根因修复跨层缺陷，治理架构、目录职责、用户链、UI/UX、文档、日志、环境与发布。Use for project-history learning/evolution; audit a plan or repository; understand or organize a codebase; inspect external-tool compatibility, durable operations, and project governance. Excludes isolated function, security, dependency, CI, or monitoring-only work.

Frontend & Design

Anti Slop Design

wwewtech/anti-slop-design

Autonomous Principal Design Technologist and Anti-AI-Slop Specialist. Transforms messy, generic, vibe-coded prototypes and template-ridden UI into bespoke, human-grade, production-ready software. Use whenever building, styling, refactoring, or auditing web apps, SaaS dashboards, landing pages, mobile interfaces, Tailwind CSS, component systems, or when asked to "fix my UI", "make it look professional", "clean up AI slop", "improve UX", or "review frontend design".

Frontend & DesignIn 1 list

Nasapunk Design

duanth/NASA-Punk-UI-SKILL

NASApunk retro-futurist frontend design system with a Starfield-inspired modern layer — NASA golden age (1960s–1980s) aesthetic evolved with Starfield's contemporary polish, for building or restyling web pages. Worn white baked-paint panels, gold Kapton insulation foil crinkle gradients, worm-style single-stroke red wordmark, Swiss grid typography (Helvetica + monospace stencil labels), technical documentation textures (rubber stamps, blueprint grids, hazard stripes, rivets, monospace spec tables, mission patches, doc-control bars) — plus Constellation-style four-color emblem stripes, soft-sha

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.