kb-design

Retrieve design tokens, patterns, and guidelines from a BM25-indexed UI/UX knowledge base.

2|Updated Mar 11, 2026

Search Tags:#typography #design-tokens #ui-patterns #color-palette #bm25 #ux-guidelines #kb-design

Ready to run

npx skills add https://github.com/Conava/claude-devline --skill kb-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: kb-design
Source: https://github.com/Conava/claude-devline/tree/main/skills/kb-design
Command: npx skills add https://github.com/Conava/claude-devline --skill kb-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

BM25-powered UI/UX knowledge base accelerates design decision-making by enabling fast access to a curated set of patterns, palettes, typography, and guidelines for frontend work.

Core Features & Use Cases

BM25-indexed repository containing 67 styles, 161 color palettes, 57 font pairings, 160 animated component patterns, and 161 industry rules, plus framework-agnostic design guidelines.
Use cases include selecting a visual direction, matching tokens to product context, and generating starter briefs for design systems or UI components.

Quick Start

Ask the knowledge base for top matches given a product context.

Frequently Asked Questions about kb-design

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

FAQPage Schema

How do I find UI patterns and color palettes for frontend planning?▼

You can retrieve UI patterns and color palettes by querying a BM25-indexed UI/UX knowledge base. This skill matches your product context against curated design tokens, returning structured results to inform frontend design decisions.

What is BM25 search for design tokens and UX guidelines?▼

BM25 search for UX guidelines is a ranking algorithm that locates relevant design tokens and patterns from a knowledge base. It indexes 67 styles, 161 color palettes, and 57 font pairings to accelerate design decision-making.

Can I use this to find typography pairings and animated component patterns?▼

Yes, you can find typography pairings and animated component patterns through the knowledge base. It contains 57 font pairings and 160 animated component patterns, plus framework-agnostic design guidelines for real projects.

Do I need external dependencies to search the UI/UX knowledge base?▼

No external dependencies are required to search the UI/UX knowledge base. The skill relies solely on existing data and internal BM25 search logic to output structured design tokens and guidelines.

What's the best way to select a visual direction using design tokens?▼

The best way to select a visual direction is to provide a product context as a query. The BM25 search retrieves top matching styles, color palettes, and industry rules to generate starter briefs for design systems.

Are the retrieved component patterns tied to a specific frontend framework?▼

The retrieved component patterns are framework-agnostic. The knowledge base provides design guidelines and 160 animated component patterns that can be applied across different frontend frameworks without strict dependencies.