design

Organize visual design decisions into a repeatable framework for UI and branding.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/saranskumar/anti-slop --skill design-saranskumar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/saranskumar/anti-slop/tree/main/skills/design
Command: npx skills add https://github.com/saranskumar/anti-slop --skill design-saranskumar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps teams translate ambiguous design briefs into clear, structured visual systems, ensuring consistent communication across products.

Core Features & Use Cases

  • Comprehensive design framework: defines layout, typography, color, imagery, and UX rules to ensure consistent visual communication across products and brands.
  • Design critique & guidance: assists in evaluating clarity, hierarchy, readability, and accessibility for UI/UX projects.
  • Education and onboarding: serves as a reference for new designers to learn brand-aligned practices, production considerations, and reusable design patterns.

Quick Start

Provide an end-to-end design plan for a UI brief, covering problem framing, layout system, typography and color choices, and accessibility considerations.

Frequently Asked Questions about design

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

FAQPage Schema
How do I translate ambiguous design briefs into structured visual systems?

Translate ambiguous design briefs into structured visual systems by applying a repeatable framework covering problem framing, layout rules, typography, color, and imagery to ensure consistent communication.

How do I create an end-to-end UI design plan for a new project?

Create an end-to-end UI design plan by defining the problem framing, establishing layout systems, selecting typography and color choices, and evaluating accessibility considerations for rapid output.

What is the best way to standardize typography and color usage across product branding?

Standardize typography and color usage across product branding by specifying concrete guidelines and evaluation criteria within a comprehensive design framework focused on structure and clarity.

Can I use this framework to evaluate UI design clarity, hierarchy, and accessibility?

Use this framework to evaluate UI design clarity, hierarchy, readability, and accessibility by applying its built-in design critique and guidance rules during UX project reviews.

Does this design framework work for onboarding new designers to brand-aligned practices?

This design framework works for onboarding new designers by serving as a reference to learn brand-aligned practices, production considerations, and reusable design patterns.

What are the limitations of using a standardized framework for marketing collateral layout?

A standardized framework for marketing collateral layout provides rapid consistency but may require manual adjustments for highly experimental visual structures outside established layout rules.