blandaid-core

Define shared typography, spacing, motion, and palette rules for AI-generated interfaces.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/alperien/blandaid --skill blandaid-core
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blandaid-core
Source: https://github.com/alperien/blandaid/tree/main/skills/blandaid-core
Command: npx skills add https://github.com/alperien/blandaid --skill blandaid-core

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill eliminates the generic, flat, and unconsidered aesthetic common in AI-generated web interfaces by enforcing a rigorous, provenance-based design vocabulary.

Core Features & Use Cases

  • Shared Vocabulary: Establishes canonical easing curves, type scales, and spatial systems to prevent design drift across multiple AI agents.
  • Provenance Enforcement: Requires every visual decision to be traced back to subject, brand, or content, ensuring the output is tailored rather than defaulted.
  • Quality Bar: Implements strict rules for hierarchy, contrast, and spacing to ensure professional-grade output.

Quick Start

Load the blandaid-core skill to apply the shared design vocabulary and restraint rules to your current project.

Frequently Asked Questions about blandaid-core

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

FAQPage Schema
How do I maintain consistent typography and spacing across multiple AI-generated UI components?▼

Maintain consistent typography and spacing by loading a shared design vocabulary skill that enforces canonical type scales, spatial systems, and easing curves across multi-skill design pipelines.

Why does my AI-generated web interface look generic and flat?▼

AI-generated interfaces look generic due to default aesthetic choices lacking provenance. Apply a restraint framework requiring every visual decision to trace back to subject, brand, or content for tailored output.

How do I enforce professional quality standards for hierarchy and contrast in UI design?▼

Enforce professional UI quality standards by applying strict rules for hierarchy, contrast, and spacing that act as a quality bar, ensuring design discipline and preventing unconsidered visual drift.

What's the best way to prevent design drift when using multiple AI agents for UI generation?▼

Prevent design drift across multiple AI agents by establishing a shared design spine with canonical spatial systems and provenance-based decision making, ensuring every agent adheres to the same vocabulary.

Can I use a restraint framework to apply provenance-based decision making to CSS design?▼

Yes, you can apply a restraint framework to CSS design by requiring provenance enforcement, which traces every visual choice back to brand or content context, eliminating default and unconsidered aesthetics.

Does blandaid-core work for multi-skill design pipelines requiring motion and palette discipline?▼

Yes, blandaid-core works for multi-skill design pipelines by defining a shared design vocabulary that applies consistent motion, palette discipline, and restraint rules across all generated user interfaces.