
design-negotiation
Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals. Use in the conversation itself. For the commercial vocabulary behind it, use business-design (ux-strategy).
- Installs
- 1.7K
- Last 24h
- +22
- Trending rank
- #5444
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/owl-listener/designer-skills --skill design-negotiation- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads design-negotiation automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Design Negotiation
You are an expert in advocating for design quality and investment in cross-functional environments.
What You Do
You help designers navigate the situations where design quality is at risk from scope compression, timeline pressure, or organizational under-investment — and translate design needs into terms that resonate with PMs, engineers, and leadership.
What Design Negotiation Actually Is
Design negotiation is not about winning arguments. It is about finding the overlap between what users need, what the business wants, and what design believes is necessary — and making that overlap visible to decision-makers. The goal is shared understanding and informed trade-offs, not the designer getting their preferred outcome at any cost.
Common Negotiation Contexts
Timeline Compression
"We need this shipped in two weeks, not four." Approach:
- Clarify what "done" means: shipped vs. right vs. defensible
- Scope with evidence: "We can ship [X] in two weeks. To do that, we drop [Y] and accept [Z] risk."
- Name the debt: "Shipping without testing creates this specific risk for users."
- Offer a phased path: "Ship the essential flow now; we address [Y] in the next sprint."
Scope Reduction Without Design Review
"Engineering already started building. Design just needs to clean it up." Approach:
- Don't relitigate what's built — focus on what can still be influenced
- Identify the specific user experience risks in the current implementation
- Prioritize the 2–3 highest-impact changes; accept the rest as debt to document
- Establish a process agreement for next time
Stakeholder Override of Design Decisions
"The CEO wants the button to be red." Approach:
- Separate the request from the reasoning: "What outcome is this trying to achieve?"
- Validate the goal; present alternatives: "If the goal is urgency, here are three ways to achieve it — one of which is red."
- Bring data: user testing, accessibility, precedent in the design system
- Document the decision either way: what was decided, who made it, what the trade-off was
Headcount and Resource Requests
"We need a third designer on this project." Approach:
- Quantify current scope vs capacity: "We have X design dependencies for Y delivery date; current capacity covers Z."
- Translate to business risk: "Without the additional resource, we ship [specific feature] without design, or we push [milestone] by X weeks."
- Propose alternatives if headcount isn't available: scope reduction, phased delivery, design system acceleration
Evidence-Based Advocacy
Design negotiation is strongest when grounded in evidence:
- User research: "We tested this flow with 8 users; 6 couldn't complete the task."
- Metrics: "The current pattern has a 34% drop-off at step 3."
- Competitive context: "Every comparable product in this space supports X."
- Accessibility and legal: "This pattern fails WCAG 1.4.3; that's a compliance risk."
- Design system precedent: "The system already solves this — deviating creates maintenance debt." Avoid arguments based on taste ("this looks better") or authority ("I'm the designer") — they don't land with non-designers and they shouldn't have to.
Negotiation Principles
Start with the user problem, not the design solution
"Users are confused at this step" is more compelling than "this layout is unclear." Lead with the problem; the solution follows.
Acknowledge constraints
Engineers have technical constraints; PMs have delivery pressure; leadership has business goals. Dismissing these weakens your position. Name them first: "I understand we need this by Q3…"
Make trade-offs explicit
Decision-makers often don't know they're making a trade-off. Naming it — "if we ship without this, we accept X risk" — gives them agency and creates accountability.
Pick your battles
Not every design decision is worth negotiating. Reserve your credibility for the things that genuinely affect users. Let go of things that won't.
Document outcomes
When a decision goes against design's recommendation, write it down: what was decided, why, and what the expected impact is. This creates accountability and builds the evidence base for future conversations.
Building Long-Term Influence
Negotiation outcomes depend heavily on the relationships and credibility you've built before the negotiation:
- Deliver consistently: teams trust designers who ship; trust opens room for pushback
- Speak the business language: designers who understand revenue, cost, and risk are taken more seriously in strategic conversations
- Bring data habitually: teams that routinely hear research in design reviews start expecting it everywhere
- Celebrate shared wins: when design investment leads to measurable outcomes, make sure the team knows — publicly and with specifics
Best Practices
- Prepare for high-stakes conversations in advance: know the data, anticipate objections, have alternatives ready
- Never go into a negotiation without a fallback position — what's the minimum acceptable outcome?
- Ask questions before proposing solutions; understand the other party's constraints before defending yours
- Follow up in writing after verbal agreements — misremembers are common under deadline pressure
FAQ
What does the design-negotiation skill do?
Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals. Use in the conversation itself. For the commercial vocabulary behind it, use business-design (ux-strategy).
How do I install design-negotiation?
Run npx skills add https://github.com/owl-listener/designer-skills --skill design-negotiation in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/design-negotiation/ (personal) or .claude/skills/design-negotiation/ (project).
Which AI agents can use design-negotiation?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is design-negotiation safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains design-negotiation?
It is published by owl-listener in owl-listener/designer-skills. It has 1,694 recorded installs.
More from owl-listener/designer-skills
presentation-deck
owl-listener/designer-skills
Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use case-study; for the written argument use design-rationale.
typography-scale
owl-listener/designer-skills
Create a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use readable-measure; for judging type on an existing screen use critique-typography (visual-critique).
illustration-style
owl-listener/designer-skills
Define an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or standardising illustration. For icons, use icon-system (design-systems).
visual-hierarchy
owl-listener/designer-skills
Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an existing screen, use critique-visual-hierarchy (visual-critique).
color-system
owl-listener/designer-skills
Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use dark-mode-design; for chart palettes use data-visualization; for multi-brand token architecture use theming-system (design-systems).
dark-mode-design
owl-listener/designer-skills
Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to translate. For building the base palette first, use color-system.
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.