🎯

product-design

🎯Skill

from mblode/agent-skills

πŸ“¦

Same repository

mblode/agent-skills(49 items)

product-design

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add mblode/agent-skills --skill product-design
skills.sh Install⚠ Installs to .agents/skills/
npx skills add mblode/agent-skills --skill product-design
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/product-design/SKILL.md

SKILL.md

92Installs
-
AddedJul 4, 2026

More from this repository10

🎯
ui-animation🎯Skill

UI animation guidelines covering motion timing, easing defaults, spatial sequencing, CSS-first animation principles, and prefers-reduced-motion accessibility patterns.

🎯
multi-tenant-architecture🎯Skill

A minimal, opinionated agent skill set for planning, design, engineering, and UI quality, including architecture definition, CLI/Next.js scaffolding, UI design and audits, typography checks, and animation review.

🎯
ui-audit🎯Skill

A minimal, opinionated skill for auditing UI quality, part of a skills collection covering planning, design, engineering, and quality assurance for AI coding agents.

🎯
docs-writing🎯Skill

A documentation writing skill from a minimal, opinionated set of agent skills covering planning, design, engineering, and UI quality for development workflows.

🎯
agent-skills-creator🎯Skill

Agent skills creator from a minimal, opinionated skill set for planning, design, engineering, and UI quality.

🎯
ui-design🎯Skill

A skill that defines visual systems, color palettes, typography scales, and layout patterns for web UI, with separate tracks for product dashboards (SaaS/admin) and marketing landing pages, including anti-AI-slop aesthetic direction guidance.

🎯
optimise-seo🎯Skill

Optimizes SEO for Next.js App Router by implementing metadata, structured data, semantic HTML, and performance improvements without visual redesigns.

🎯
presentation-creator🎯Skill

Part of a minimal, opinionated agent skills collection for planning, design, engineering, and UI quality, this skill creates bold, minimal, dark-first slide decks and pitch decks for presentations.

🎯
define-architecture🎯Skill

A define architecture skill for establishing repo layout, workflow, and full-stack architecture patterns for TypeScript applications at project start.

🎯
typography-audit🎯Skill

A web typography auditing skill with 89 rules across 10 categories covering punctuation, font selection, sizing, spacing, OpenType features, hierarchy, layout, typeface pairing, brand identity, and display type. Prioritizes findings by severity and provides concrete fixes with file locations.