design

Generate UI/UX design specifications and lint design code.

Updated Jun 22, 2026

Search Tags:#css #design standards #ui/ux design #specification generation #code linting

Ready to run

npx skills add https://github.com/TLOGBen/baransu --skill design-tlogben

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design
Source: https://github.com/TLOGBen/baransu/tree/main/plugins/baransu/skills/design
Command: npx skills add https://github.com/TLOGBen/baransu --skill design-tlogben

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, markdown, check.py, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of UI/UX design specifications and ensures the quality of design code, saving designers time and reducing errors.

Core Features & Use Cases

Design Specification Generation: Automates the creation of UI/UX design specifications based on user inputs.
Code Linting: Validates the structure and consistency of design code to maintain quality standards.
Use Case: A designer can use this Skill to generate a design specification for a new product page, ensuring that the design is consistent with established guidelines and standards.

Quick Start

/design gen --slug my-design-slug

Frequently Asked Questions about design

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

FAQPage Schema

How do I automate UI/UX design specification generation for a new product page?▼

You can automate UI/UX design specification generation by running the `/design gen` command with a designated slug. This Skill processes your inputs to produce structured Markdown documentation, ensuring design consistency with established guidelines.

What is code linting for CSS design standards and how does it maintain quality?▼

Code linting for CSS design standards is the process of validating design code structure and consistency. This Skill checks your code against established guidelines to maintain quality standards and reduce errors during the product development design phase.

Do I need Python installed to generate UI/UX design specifications?▼

Yes, you need Python installed to generate UI/UX design specifications. This Skill requires Python for its internal scripting execution and Markdown for documentation output to properly automate the specification workflow.

Can I use this for code linting existing CSS design standards?▼

Yes, you can use this for code linting existing CSS design standards. The Skill validates the structure and consistency of your current design code to ensure it aligns with established quality standards and specifications.

What's the best way to ensure design consistency across UI/UX specifications?▼

The best way to ensure design consistency is to automate both specification generation and code linting. This Skill standardizes your UI/UX design outputs by validating design code and generating consistent Markdown documentation.