design-engineer

Build user interfaces with intent-driven design and systematic consistency.

1|Updated Jan 10, 2026
One-click install
npx skills add https://github.com/Babayaga-Labs/jasoos --skill design-engineer-babayaga-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-engineer
Source: https://github.com/Babayaga-Labs/jasoos/tree/main/.claude/skills/design-engineer
Command: npx skills add https://github.com/Babayaga-Labs/jasoos --skill design-engineer-babayaga-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating consistent, intentional, and high-quality user interfaces for functional products, moving beyond generic defaults to craft distinct and effective designs.

Core Features & Use Cases

  • Intent-Driven Design: Articulates user context, tasks, and desired interface feel before building.
  • Systematic Consistency: Maintains a unified design language through subtle layering, consistent spacing, and purposeful color application.
  • Use Case: Designing a new dashboard for a complex data analytics tool, ensuring a clear hierarchy, intuitive navigation, and a professional aesthetic that matches the tool's sophistication.

Quick Start

Initialize the design engineer skill to establish a design direction for the project.

Frequently Asked Questions about design-engineer

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

FAQPage Schema
How do I maintain design system consistency across a complex dashboard?

Maintain dashboard design system consistency by applying intent-driven design principles, using subtle layering, consistent spacing, and purposeful color application to establish a unified design language across all interface elements.

What is intent-driven UI design and how does it work for SaaS products?

Intent-driven UI design for SaaS products articulates user context, tasks, and desired interface feel before building, requiring explicit justification for every design choice to ensure systematic coherence and functional product interfaces.

How to build user interfaces for functional products without relying on generic defaults?

Build functional user interfaces beyond generic defaults by establishing a clear direction first, utilizing a memory system to persist design decisions across sessions and maintain high-quality, intentional layering throughout the project.

Can I use this approach for frontend development of data analytics tools?

Yes, this approach suits frontend development of data analytics tools by ensuring clear hierarchy, intuitive navigation, and a professional aesthetic that matches the sophistication of complex functional products like dashboards.

Does the design engineer approach preserve interface design decisions between sessions?

Yes, the interface design process preserves decisions between sessions by utilizing an integrated memory system that persists your intentional design choices, ensuring long-term systemic coherence across multiple development cycles.

What's the best way to establish a unified design language for UX design projects?

The best way to establish a unified UX design language is initializing a design direction upfront, demanding justification for every choice, and maintaining systemic coherence through purposeful color application and consistent spacing.