Design engineering for Claude Code. Build interfaces with craft, memory, and consistency. Maintains design decisions across sessions.
Maintains design consistency across Claude Code sessions by saving and loading UI patterns, ensuring interfaces follow established spacing, colors, and depth principles.
Why this plugin
Solves UI inconsistency drift across sessions by remembering design decisions in a system file. Provides principle-based craft, automatic pattern loading, and consistent component building, unlike starting from scratch each time.
Prerequisites
Install via Claude Code plugin marketplace or manual git clone. Requires restarting Claude Code after installation. No external API keys needed.
/plugin marketplace add dammyjay93/interface-design/plugin install design-engineer@interface-designUpstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
Comprehensive startup business analysis with market sizing (TAM/SAM/SOM), financial modeling, team planning, and strategic research
Collection of scientific skills