skills.rest
Conava
ConavaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/Conava/claude-devline --skill kb-design
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
BENZEMA216BENZEMA216
60

ui-ux-pro-max

Search UI/UX style guides with BM25 ranking and domain detection.

Community
Intermediate
Exia-thdExia-thd

ui-designer

Generate WCAG AA-compliant wireframes, design tokens, and component inventories for digital products.

Community
Advanced
eserlaneserlan
2

web-component-design

Standardize cross-framework UI component design across React, Vue, and Svelte.

Community
Advanced
akselikorhonen-siiliakselikorhonen-siili

semantic-search

Perform vector-based semantic search over indexed document collections.

Community
Intermediate