skills.rest
jayteealao
jayteealaoCOMMUNITY
Explore all skills by this author →
GitHub

design-overdrive

Propose 2–3 UI enhancement directions and await user confirmation before implementation.

2|Updated Jan 12, 2026
Search Tags:#design#ui#prototyping#animation#ux#design-system#browser-automation
One-click install
npx skills add https://github.com/jayteealao/agent-skills --skill design-overdrive
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-overdrive
Source: https://github.com/jayteealao/agent-skills/tree/main/plugins/sdlc-workflow/skills/design-overdrive
Command: npx skills add https://github.com/jayteealao/agent-skills --skill design-overdrive

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to align on ambitious UI directions and risk delivering inconsistent experiences when pursuing visually stunning interactions. It provides a structured protocol to explore multiple directions, gather context, and validate designs through iterative browser previews.

Core Features & Use Cases

  • Propose 2–3 ambitious directions with trade-offs before implementation.
  • Follow the Context Gathering Protocol to anchor design decisions in project goals and user context.
  • Iterate with browser previews and guided reviews to ensure feasibility and polish.

Quick Start

Propose 2–3 directions and obtain user confirmation before proceeding with implementation.

Frequently Asked Questions about design-overdrive

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I explore multiple UI design directions before coding?▼

To explore UI design directions, this protocol proposes 2–3 distinct visual options with trade-offs and halts implementation until you confirm a preferred path, ensuring alignment with project goals.

What is the best way to align design and engineering teams on ambitious UI?▼

The best way to align teams on ambitious UI is through a Context Gathering Protocol that anchors visual decisions in project goals, followed by browser-based previews to confirm feasibility.

Can I validate animation and UX feasibility in a browser before implementation?▼

Yes, you can validate animation and UX feasibility by iterating with browser-based previews and guided reviews, ensuring visual designs are polished and executable before coding begins.

Do I need to provide project context for UI prototyping workflows?▼

Yes, you must provide project context for UI prototyping workflows because the Context Gathering Protocol requires upfront planning to anchor design decisions in your specific goals and constraints.

Why propose multiple trade-offs when pushing interface design limits?▼

Proposing multiple trade-offs when pushing interface design limits prevents delivering inconsistent experiences by allowing teams to evaluate 2–3 ambitious directions and select the most aligned solution before implementation.

Related Skills

Explore More Design & Creative Skills→
xlsamaxlsama

teach-impeccable

Analyze project files and user answers to write a Design Context section for CLAUDE.md.

Community
Intermediate
giang6283623giang6283623
4

visual-design-loop

Automate iterative render-review-fix loops for UI polish.

Community
Advanced
ayofemiadeayofemiade

spline-interactive

Design and animate 3D scenes in a browser for web export.

Community
Advanced
ravidorrravidorr

ux-web-review

Review web applications for UX issues across live URLs, mockups, and screenshots.

Community
Advanced