New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Search Design System

by lintendo in lintendo/Axhub-Skills

A skill your agent uses when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a…

MITAuto-check passedFrontend & Design

Install Search Design System

skills CLI
$ npx skills add lintendo/Axhub-Skills --skill search-design-system -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install lintendo/Axhub-Skills search-design-system --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/lintendo/Axhub-Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/search-design-system .claude/skills/search-design-system && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
search-design-system
GitHub stars
130
Token cost
~643 tokens
SKILL.md length
208 words
Files
10 (incl. scripts, references)
Skills in repo
13
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a…

  • Works in 6 steps: 先把需求整理为结构化查询。只提取平台、行业、产品类型、页面类型、风格、品牌气质、色… → 确定平台。用户没有指定时，向用户确认平台，或同时搜索 desktop 和… → 按 query-schema.md 和 taxonomy.md… → …
  • Selecting an existing design system
  • SKILL.md covers Overview, Workflow, Example and Quick reference, plus 1 more section
  • Runs JavaScript scripts from its folder; calls node

What it does

Search Design System is an agent skill from lintendo/Axhub-Skills. Use when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a theme.

Its SKILL.md is about 640 tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including scripts and reference files (for example `agents/openai.yaml`, `references/query-schema.md` and `references/response-schema.md`).

It sits in Frontend & Design, covering Design systems. The licence is MIT.

When your agent uses it

  • Selecting an existing design system
  • Theme for a product
  • Implementation through Axhub design knowledge indexes
  • Not when creating

Example prompts

  • “/search-design-system”

Requirements

  • Node.js

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. 先把需求整理为结构化查询。只提取平台、行业、产品类型、页面类型、风格、品牌气质、色系、明暗模式、密度和关键词。不得把用户原文传给脚本或网络端点。
  2. 确定平台。用户没有指定时，向用户确认平台，或同时搜索 desktop 和 mobile 两份索引；不要擅自默认。
  3. 按 query-schema.md 和 taxonomy.md 生成请求。默认使用 scripts/cli.mjs search 读取 Make-Template 的线上 manifest；只有在源码工作区或用户明确指定时才传 --index 和 --local-root。
  4. 对每个候选读取 matched、unmatched、scoreBreakdown、reviewStatus 和 publishable，再取得完整的 DESIGN.md 并查看 preview。不能只按 score 选择。
  5. 结合用户约束说明推荐理由和不匹配项。deferred 可用于本地参考，但不得描述为已获公开发布授权。
  6. 只有用户工作流需要落地资源时才下载 package；普通选型只读取 DESIGN.md 和 preview。不得发送 use 事件或 analytics 事件。

What it can do on your machine

Read from SKILL.md and the folder at commit 1e1c5bc. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 5 files in scripts/ (JavaScript), which the agent can run.

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Search Design System loads about 643 tokens when it runs, and up to ~3.1k if it reads all its reference files. Until then it costs about 51 tokens; SKILL.md has 208 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~51
When it runs · the whole SKILL.md, loaded when a task matches
~643
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from lintendo/Axhub-Skills at commit 1e1c5bc, republished under its MIT licence (© lintendo). 208 words, ~643 tokens.

Download SKILL.mdSave it as .claude/skills/search-design-system/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.
name
search-design-system
description
Use when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a theme.

Search Design System

Overview

Turn a design need into a private, structured search; inspect the returned evidence before selecting a theme. Search and scoring run locally after the versioned index is loaded.

Workflow

  1. 先把需求整理为结构化查询。只提取平台、行业、产品类型、页面类型、风格、品牌气质、色系、明暗模式、密度和关键词。不得把用户原文传给脚本或网络端点。
  2. 确定平台。用户没有指定时，向用户确认平台，或同时搜索 desktop 和 mobile 两份索引；不要擅自默认。
  3. 按 query-schema.md 和 taxonomy.md 生成请求。默认使用 scripts/cli.mjs search 读取 Make-Template 的线上 manifest；只有在源码工作区或用户明确指定时才传 --index 和 --local-root。
  4. 对每个候选读取 matched、unmatched、scoreBreakdown、reviewStatus 和 publishable，再取得完整的 DESIGN.md 并查看 preview。不能只按 score 选择。
  5. 结合用户约束说明推荐理由和不匹配项。deferred 可用于本地参考，但不得描述为已获公开发布授权。
  6. 只有用户工作流需要落地资源时才下载 package；普通选型只读取 DESIGN.md 和 preview。不得发送 use 事件或 analytics 事件。

Example

将本地整理出的请求写入临时文件：

json
{
  "schemaVersion": 1,
  "readerVersion": "1.0.0",
  "platform": "desktop",
  "terms": ["analytics", "finance"],
  "hardFilters": { "industries": ["finance-payments"] },
  "softFilters": { "styles": ["professional"], "density": ["high"] },
  "exclude": { "styles": ["playful"] },
  "limit": 4
}
bash
node scripts/cli.mjs search --index /path/to/desktop.json --request /path/to/request.json --local-root /path/to/runtime

Then pass one returned result to scripts/cli.mjs fetch --kind designMd and read the full body before choosing.

Quick reference

SituationAction
Platform missingConfirm, or search both indexes
Deferred resultRead verified DESIGN.md and preview locally或在线；package stays unavailable
Online resultDefault to the canonical Make-Template manifest and verified hashes
Too few resultsReport resultSummary.reason; do not pad or duplicate
Stale cacheState it explicitly; do not silently downgrade

Common mistakes

  • Passing the user's original prose as terms instead of extracting a minimal structured query.
  • Choosing the top score without reading unmatched constraints and full DESIGN.md.
  • Treating deferred as publishable or inventing a public artifact URL.
  • Downloading a package during exploration when DESIGN.md and preview are sufficient.

Read response-schema.md for result fields, artifact behavior, and stable error codes.

© lintendo, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 9 other files (scripts, references) in skills/search-design-system of lintendo/Axhub-Skills.

  • SKILL.md
  • agents/openai.yaml
  • references/query-schema.md
  • references/response-schema.md
  • references/taxonomy.md
  • scripts/cli.mjs
  • scripts/lib/cache.mjs
  • scripts/lib/fetch-artifact.mjs
  • scripts/lib/index.mjs
  • scripts/lib/score.mjs

Open the folder on GitHubat commit 1e1c5bc

Compare with similar skills

Search Design System next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Search Design System compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Search Design System this skilllintendo/Axhub-Skills130—~643Automated safety check: PassMIT
Impeccablebestofjs/bestofjs3.1k27 repos~2.6kAutomated safety check: PassMIT
Figma Design System Builderwarpdotdev/warp65k2 repos~4.4kAutomated safety check: PassAGPL-3.0
Figma use_figma Plugin API Ruleswarpdotdev/warp65k4 repos~4.4kAutomated safety check: PassAGPL-3.0
UI StylingOhh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT
Shadcnsupabase/evals14342 repos~4.5kAutomated safety check: PassApache-2.0

Similar skills

  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 27 repos~2.6k tokens
    Frontend & DesignAuto-check passed

  • Figma Design System Builder

    warpdotdev/warp

    Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

    65k GitHub starsUsed in 2 repos~4.4k tokens
    Frontend & DesignAuto-check passed

  • Figma use_figma Plugin API Rules

    warpdotdev/warp

    Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

    65k GitHub starsUsed in 4 repos~4.4k tokens
    Frontend & DesignAuto-check passed

  • UI Styling

    Ohh-889/skyroc

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

    795 GitHub starsUsed in 13 repos~2.5k tokens
    Frontend & DesignAuto-check passed

  • Shadcn

    supabase/evals

    Official

    Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

    143 GitHub starsUsed in 42 repos~4.5k tokens
    Frontend & DesignAuto-check passed

  • Design System

    Ohh-889/skyroc

    Token architecture, component specifications, and slide generation.

    795 GitHub starsUsed in 11 repos~1.7k tokens
    Frontend & DesignAuto-check passed

More from lintendo/Axhub-Skills

All 13 skills in this repo

  • React To Figma Make

    lintendo/Axhub-Skills

    A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

    130 GitHub stars~4.2k tokensUpdated 1 mo ago
    Auto-check passed

  • Axhub Prototype Context

    lintendo/Axhub-Skills

    A skill your agent uses when an annotated prototype URL exposes PRD, directory, annotation, or source context that an AI Agent needs for review, implementation planning, production work, source…

    130 GitHub stars~684 tokensUpdated 1 mo ago
    Auto-check passed

  • Extract Axure Data

    lintendo/Axhub-Skills

    Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

    130 GitHub stars~1.9k tokensUpdated 1 mo ago
    Auto-check: warnings

  • Clone Page

    lintendo/Axhub-Skills

    高精度克隆网页。使用 Playwright 渐进式采集页面数据（DOM 结构、样式、截图、资源）， 然后分阶段构建完整的 HTML/CSS 还原。支持快速还原和高精度还原两种模式。

    130 GitHub stars~1.3k tokensUpdated 1 mo ago
    Auto-check passed

  • Extract Page Data

    lintendo/Axhub-Skills

    Extract structured data from any web page using Playwright — screenshots, design tokens, page text as Markdown, interactive element maps, and full page data packs.

    130 GitHub stars~2.7k tokensUpdated 1 mo ago
    Auto-check: warnings

  • Figma Content Operator

    lintendo/Axhub-Skills

    用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma 链接或要求同时绑定工作目录时，也应与 axhub-commentary 组合。

    130 GitHub stars~630 tokensUpdated 1 mo ago
    Auto-check passed

Categories

Questions about Search Design System

What does Search Design System do?

A skill your agent uses when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a…. Search Design System is an agent skill from lintendo/Axhub-Skills. Use when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a theme.

When should I use Search Design System?

Search Design System fits situations like: selecting an existing design system; theme for a product; implementation through Axhub design knowledge indexes; not when creating.

How do I install Search Design System in Claude Code?

Run `npx skills add lintendo/Axhub-Skills --skill search-design-system -a claude-code`. Or copy the skill folder (skills/search-design-system in lintendo/Axhub-Skills) into .claude/skills/search-design-system in your project. Claude Code loads it when a task matches its description.

How do I install Search Design System in Codex?

Run `npx skills add lintendo/Axhub-Skills --skill search-design-system -a codex`. Or copy the skill folder (skills/search-design-system in lintendo/Axhub-Skills) into .agents/skills/search-design-system in your project. Codex loads it when a task matches its description.

Can I use Search Design System in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add lintendo/Axhub-Skills --skill search-design-system -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/search-design-system, .gemini/skills/search-design-system, .github/skills/search-design-system and .opencode/skills/search-design-system in your project.

What does Search Design System need to run?

Going by SKILL.md and its folder, Search Design System needs JavaScript for the scripts in its folder and the command-line tools its instructions call (node). Our summary lists: Node.js.

Does Search Design System access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Search Design System safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Search Design System use?

Search Design System is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Search Design System use?

About 643 tokens (SKILL.md is roughly 2.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.5k tokens, read only when the agent opens those files.

What are the alternatives to Search Design System?

Skills that share tags, products or a category with Search Design System: Impeccable (bestofjs/bestofjs, 3.1k stars), Figma Design System Builder (warpdotdev/warp, 65k stars), Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars) and UI Styling (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Search Design System?

lintendo (a GitHub user) maintains it in lintendo/Axhub-Skills, which has 130 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on August 21, 2026.

Source: lintendo/Axhub-Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.