Updated 7mo ago
by dhananjaym182
ai-ui-design-skills
Production-ready AI skills for modern SaaS UI/UX design, typography systems, and brand asset generation. Compatible with Claude Code, Cursor, Windsurf, Codex, and OpenCode. Transform your AI coding assistant into a professional design partner.
23 GitHub stars (23)
+5 in 30 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | +1 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | +1 |
| Oct 16 | 0 |
| Oct 17 | 0 |
| Oct 18 | 0 |
| Oct 19 | 0 |
| Oct 20 | 0 |
| Oct 21 | 0 |
| Oct 22 | 0 |
| Oct 23 | +1 |
| Oct 24 | 0 |
| Oct 25 | 0 |
| Oct 26 | 0 |
| Oct 27 | 0 |
| Oct 28 | 0 |
| Oct 29 | 0 |
| Oct 30 | 0 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | +1 |
| Nov 3 | 0 |
| Nov 4 | 0 |
| Nov 5 | 0 |
| Nov 6 | +1 |
- 5 skills (5 skills found in its SKILL.md files)
- 1 forks (1 forks)
- 7mo ago last update (Last updated 7mo ago)
Install
Skills CLI
npx skills add dhananjaym182/ai-ui-design-skills
Asks which skills and agents to install. Just one: npx skills add dhananjaym182/ai-ui-design-skills --skill image-logo-icons — add -g for every project.
Claude Code
git clone https://github.com/dhananjaym182/ai-ui-design-skillscp -r "ai-ui-design-skills/skills/image-logo-icons" ~/.claude/skills/
Copies the image-logo-icons skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add dhananjaym182/ai-ui-design-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
image-logo-icons
Generate structured image prompts for brand visuals: logos, UI icons, favicons/PWA icons, featured blog images, and Open Graph social cards. Use when users ask to design or iterate brand identity assets, social preview graphics, or reusable prompt templates for image models.
skills/image-logo-icons/ on GitHub (opens in a new tab)SKILL.md -
saas-product-ui-system
Canonical SaaS product UI skill for designing, reviewing, or implementing calm, premium, production-ready interfaces across dashboards, settings, admin/runtime screens, editors, builders, tables, forms, drawers, sidebars, and related public surfaces. Use when you need strong hierarchy, reusable tokens, typography, responsive layout rules, component consistency, and app-surface patterns rather tha…
skills/saas-product-ui-system/ on GitHub (opens in a new tab)SKILL.md -
saas-ui-ux-designer-skill-typography-flex
Typography-first SaaS UI/UX workflow for internal product screens and components. Use when designing or refactoring dashboards, settings pages, editors, builders, tables, or modals where typography hierarchy, flex/grid layout, spacing rhythm, and premium neutral surfaces need to be the main organizing system. Also use when a UI feels cramped, visually noisy, misaligned, or inconsistent.
skills/saas-ui-ux-designer-skill-typography-flex/ on GitHub (opens in a new tab)SKILL.md -
saas-ui-ux-designer-with-flex
Full-system SaaS UI/UX design workflow for product interfaces that should feel premium, calm, structured, responsive, and production-ready. Use when designing or refactoring dashboards, settings pages, editors, builders, forms, tables, modals, drawers, sidebars, and runtime configuration screens. Also use when deciding layout hierarchy, typography, spacing, neutral surface treatment, card composi…
skills/saas-ui-ux-designer-with-flex/ on GitHub (opens in a new tab)SKILL.md -
ui-ux-design-system
Premium neutral-first UI/UX design system and frontend workflow for product interfaces. Use when designing or reviewing pages, components, dashboards, settings screens, editors, forms, tables, modals, drawers, or interaction patterns that should feel calm, premium, responsive, system-driven, and production-ready. Also use when making design decisions about hierarchy, tokens, spacing, dark/light p…
skills/ui-ux-design-system/ on GitHub (opens in a new tab)SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
atlasby pacifio Source control for agents. Use multiple coding agents, track their changes and query them in one place
-
apple-design-skillby dickwu Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cu…
-
design-dnaby zanwei Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matc…
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.