By dylinmat
16 design and frontend-taste skills covering landing pages and portfolios, brand-kit generation, UI/UX systems, motion and interaction design, web/mobile image-direction, design-system styles (minimalist, brutalist), redesigns, and Web Interface Guidelines audits. Produces distinctive, production-grade, non-templated interfaces.
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposeful motion, or audit existing animations to catch AI-slop motion patterns (audit emits a branded HTML report with looping demos). Use when creating, adding, animating, or reviewing UI motion: transitions, hover states, micro-interactions, enter/exit animations, or any motion design work in React, Framer Motion, CSS, or HTML. Provides per-designer perspectives with context-aware weighting.
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A Claude plugin packaging 16 design & frontend-taste agent skills so they can be installed into the Claude desktop app (Cowork) and Claude Code via the plugin marketplace mechanism.
dylinmat/design-skills-plugindesign-skills marketplace./plugin marketplace add dylinmat/design-skills-plugin
/plugin install design@design-skills
Note: if you already installed these skills via
npx skillsinto~/.agents/skills, installing this plugin in the same CLI will duplicate them. Use the plugin route for the desktop app; keep the CLI on whichever single source you prefer.
MIT. Individual skills retain their original authorship; this repository only repackages them in Claude plugin format.
npx claudepluginhub dylinmat/design-skills-plugin --plugin design30 Magento 2 specialist skills for building, reviewing, debugging, optimizing, securing, and operating Magento 2 / Adobe Commerce stores. Covers backend modules, Hyva/Luma frontend, REST/GraphQL APIs, caching, indexing, deployment, and e-commerce data analysis.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.