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.