design

Define design principles for bootstrapping new design-specific skills.

16|15|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/ravnhq/ai-toolkit --skill design-ravnhq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/ravnhq/ai-toolkit/tree/main/skills/design
Command: npx skills add https://github.com/ravnhq/ai-toolkit --skill design-ravnhq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a foundational framework of design principles to guide the creation of new design-specific skills.

Core Features & Use Cases

  • Base principles for typography, spacing, color systems, and pattern development that can be referenced across all design-related SKILL units.
  • Use Case: When bootstrapping a new design skill (e.g., design-frontend), apply these guidelines to ensure consistent naming, structure, and visibility of rules and activation prompts.

Quick Start

Start by defining a minimal frontmatter with name and description, and reference design-principles for subsequent skills to ensure consistent discovery and activation.

Frequently Asked Questions about design

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

FAQPage Schema
What are the foundational design principles for bootstrapping a new design system?

To bootstrap a new design skill, define a minimal frontmatter with name and description, then reference design-principles to ensure consistent discovery, activation, and structure for subsequent skills.

How do I structure a new design skill for consistent activation?

To structure a new design skill for consistent activation, define a minimal frontmatter with name and description, include a clear problem statement, use cases, and a quick start section to bootstrap consistent metadata.

When do I need a foundational framework for design principles?

You need a foundational framework for design principles when creating new design-specific skills, such as a design-frontend skill, to apply consistent typography, spacing, and color systems across all related SKILL units.

Can I use these design principles for UX pattern development?

Yes, you can use these design principles for UX pattern development, as the framework specifically provides base guidelines for typography, spacing, color systems, and pattern development across generic design work.

What is the best way to ensure consistent metadata in design skills?

The best way to ensure consistent metadata in design skills is to enforce a minimal frontmatter, a clear problem statement, use cases, and a quick start section when bootstrapping new design-related SKILL units.