Design plugins

Build an immersive scroll-scrubbed landing page with Gflow Imagen and Veo. It generates scene stills, rendered-frame camera links, and a portable framework-free scrub engine.

1 skill

Fundamental design principles from Don Norman. Design affordances, signifiers, constraints, and feedback mechanisms. Apply human-centered design and fault-tolerant systems.

1 skill

Hook Model framework for building habit-forming products. Design trigger-action-reward-investment loops, increase retention, and optimize onboarding for habit formation.

1 skill

Native iOS app design following Apple Human Interface Guidelines. Design SwiftUI/UIKit components, implement navigation patterns, and ensure accessibility compliance.

1 skill

Prepare and review iPhone Duo apps: resizability, adaptive layouts, vertical bars, scenes, and camera APIs.

1 skill

Write or amend a project's DESIGN.md — the locked visual system every later UI build has to obey.

1 skill

NoTambourine's brand kit: tokens, components, fonts, logos, deck and document export, voice, and doctrine. Copy audits use nt-voice.

1 skill

painting-craft: drawing and painting scenes, figures and vehicles in code (SVG, canvas, numpy, Blender) with a screenshot review loop.

1 skill

Design, build, and edit your Framer sites

1 MCP server

Show it as a picture — paint scenes in code to a gallery standard.

1 skill

Upstream: leonxlnx (Leonxlnx/taste-skill). Art direction to keep mockups clear of the generic AI look.

1 skill

Create cohesive pixel art characters, props, tiles, scenes, game UI, and animation frames with editable sources and PNG atlases

1 skill

Build, polish, or audit an academic project page for GitHub Pages, then check it in a real browser.

1 skill

A product-design council for coding agents: three lenses (Cooper, Tesler, Norman) plan and review features, screens, PRs and backend changes under a per-project profile, and merge their findings into one verdict.

1 skill

Design and repair production-ready emails in Figma, export clean HTML to any ESP, and audit or migrate existing design systems into the Email Love structure.

Canonical Claude Code agents, skills, commands, and hooks - copy only the team your project needs.

Canonical Claude Code agents, skills, commands, and hooks - copy only the team your project needs.

105 skills (Chwezi Design Engine): typography, colour, layout, UX, design systems/tokens, anti-AI-slop doctrine

110 skills · hooks

Design engineering for Claude Code. Build interfaces with craft, memory, and enforcement. Maintains consistent design decisions across sessions.

63 skills

ZURB / Helio's Glare framework v3 — 60 skills across 6 components (Getting Started + Decision Map + Design Review + UX Metrics + Design Signals + Design Assessment) plus a master orchestrator. Includes canonical 28 UX metrics with full per-metric pages.

61 skills

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

46 skills · 5 MCP servers

End-to-end design tool for AI coding agents — guided UI builds, iOS/macOS/web design guidance, Calm Precision principles, visual validation, interaction testing, mockup matching (SSIM), test generation, cross-browser (Chrome + Safari), and native scanning.

32 skills · 14 commands · 1 agent · hooks

How should it look and feel? A design-system spine with the design-critic agent: house rules (design-doctrine), DTCG design tokens in three tiers, brand kits, a token build, governance, migration to or from external design systems, Figma sync and DESIGN.md; component, screen and dashboard design with any-framework code generation, image-to-code, redesign and fidelity prototypes; UX writing. Directions against generated-looking UI: frontend-design, impeccable, hallmark, ui-ux-pro-max, Emil Kowalski's design engineering and 138 named design systems. Gates that measure instead of claim: contrast, states, axe, keyboard, target size, overflow, reduced motion and responsive behaviour in light and dark; WCAG 2.2 audits, screen-reader testing and Core Web Vitals. Critique with a Rams lens, design review and plan-design-review. Adapted from plugin87/ux-ui-agent-skills (MIT) and vendored skills; see NOTICE.md.

34 skills · 1 agent

Build and evaluate brands grounded in cultural authority — strategy, identity, voice, stewardship — across three seats: an aspirational Muse (the pull toward an ideal — sometimes a provocation), the maker Team, and an adversarial 14-critic Council (parallel isolated agents).

4 skills · 9 commands · 17 agents · 1 MCP server · hooks

A Claude Code plugin that bridges the gap between live code and design-led user feedback. Automatically snapshot URLs into Figma frames, ingest user comments, analyze UX themes, and generate actionable UI updates and release notes — all structured by iteration rounds.

15 skills · 11 commands

HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

26 skills

OCHA brand, design and video skills: visual identity (colours, typography, logo, cd-* design system), data visualization, cartographic standards, the 389 humanitarian icons, OCHA editorial house style, the OCHA video pipeline (statement videos and branding), motion and animation craft, mockups without Photoshop, and BDU file and folder conventions.

19 skills · hooks

Agentic UI/design flow — applies the design system so UI is consistent, modern, and responsive without a designer or Figma. /design-flow:setup scaffolds the token architecture (brand primitives -> semantic roles -> Utopia fluid scale) + layout-primitive recipes + base components through the project's UI adapter; /design-flow:component authors UI by composing layout primitives + role tokens with a fixed variant/size/state vocabulary, a11y, and prescribed responsive behavior; /design-flow:canvas composes a Claude Design prompt carrying the project's own tokens and catalog, /design-flow:port brings the returned canvas back through the project's UI adapter; /design-flow:audit flags drift. Agents: rails-ui-composer, design-auditor, design-critic, rails-ui-porter, brand-guardian, interface-auditor. Pairs with the design-system skill (bundled in rails-stack).

13 commands · 6 agents · hooks

Build UI with @elabs-ai/components-* (ui, data, ai, flow, charts, marketing, tokens, icons): a guided front door (brand-ui-start) into build-new / improve-existing / use-it flows, live project context, real component API, composition patterns, token rules, and a cross-theme design audit. Serves both library maintainers and app developers.

12 skills · 3 agents · 2 MCP servers · hooks

Frame-exact motion graphics with Claude: /motionmaker command, pre-production (mood boards, motion feel, storyboard, animatic, recorded approvals), voice-over (ElevenLabs or own recording), art director, assets (Open Peeps, Humaaans, LottieFiles, Rive), libraries (fonts, code, equations, maps, icons), art styles, film QA gates, OpenMontage handoff, Anatomy explainers, templates, sound, export and verification.

18 skills