skills.rest
disciplin-run-org
disciplin-run-orgOFFICIAL
Explore all skills by this author →
WebsiteGitHub

design-consultation

Automate responsive design consultations and inject design systems into repositories.

Updated Mar 23, 2026
Search Tags:#design#collaboration#UI#AI#responsive#design-system
One-click install
npx skills add https://github.com/disciplin-run-org/jjstack --skill design-consultation-disciplin-run-org
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/disciplin-run-org/jjstack/tree/main/skills/design-consultation
Command: npx skills add https://github.com/disciplin-run-org/jjstack --skill design-consultation-disciplin-run-org

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Manual design collaboration often leads to inconsistencies and inefficiencies; this Skill automates and enhances design consultations, ensuring design systems are properly documented and injected into workflows.

Core Features & Use Cases

  • Design System Management: Saves and injects design system data into project repositories.
  • Responsive Design Enforcement: Ensures all designs are responsive across desktop, tablet, and mobile.
  • Use Case: A designer wants to quickly generate responsive design mockups aligned with the project's design system, using AI guidance integrated into their existing workflow.

Quick Start

Run the design-consultation process, load your project-specific config, and instruct the AI to generate or review design mockups based on your design system stored locally.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I integrate a design system into a development repository?▼

This skill facilitates design system integration by saving and injecting design data directly into project repositories, ensuring assets are properly documented and accessible during development.

What is the best way to automate responsive design reviews for UI mockups?▼

Automating responsive design reviews involves enforcing process rules that check UI mockups against desktop, tablet, and mobile breakpoints, ensuring all generated designs comply with project accessibility and open-source standards.

Can I use AI to enforce accessibility standards in design collaboration?▼

Yes, you can use AI to enforce accessibility standards by running automated design consultations that process your local assets and ensure all design outputs adhere to required compliance and open-source guidelines.

How do I ensure UI consistency when generating mockups within an existing workflow?▼

You can ensure UI consistency by loading locally stored design system data into the AI consultation process, which guides the generation and review of mockups to align with your project's established standards.

Do I need a local configuration file to start a design consultation?▼

Yes, you need to load a project-specific configuration to start the process, allowing the AI to read your locally stored design system data and accurately generate or review compliant design mockups.

Related Skills

Explore More Design & Creative Skills→
stevengonsalvezstevengonsalvez

teach-impeccable

Gather design context from a repository and persist it to AI configuration.

Community
Intermediate
raybargasraybargas

Frontend Responsive

Implement responsive frontend layouts using HTML, CSS, and JavaScript across breakpoints.

Community
Basic
chathuraedchathuraed

web-design-guidelines

Automate UI design compliance reviews against accessibility, UX, and design-system standards.

Community
Basic
marcusgollmarcusgoll
91

mockup-extraction

Extract reusable UI components from approved HTML mockups and map CSS to Tailwind utilities.

Community
Advanced