AGENT SKILL

design-skill

暂无简介

适用职业设计师
使用场景视觉设计
License 许可
MIT
最近更新
2026-11-06
Stars
★ 1
Forks
0

02 资源文件 3

03 SKILL.md 正文

ScribeFloat Knowledge Query

Two knowledge files you can query:

File Contents
ux.scribefloat.json UX & HCD Playbook — principles, interaction rules, typography, motion, accessibility, component guidance, checklists
design-system.json Design System — color tokens, type scale, spacing, radius, component specs, surface layouts, copy rules

Query them with query.py. Run from any directory — paths resolve relative to the script.


Start here — get the map

python3 query.py ux toc        # playbook: all chapters and sections
python3 query.py ds toc        # design system: all sections and components

Drill into the playbook

python3 query.py ux chapter Typography          # full chapter (partial name match)
python3 query.py ux chapter "Know Your User"    # chapter with spaces
python3 query.py ux section "Buttons & actions" # specific section (partial match)
python3 query.py ux section "litmus test"       # works on partial names
python3 query.py ux all                         # full playbook — use sparingly

Drill into the design system

python3 query.py ds get components.button          # button variants + rules
python3 query.py ds get components.toggle          # any component
python3 query.py ds get tokens.colors.dark         # full dark color palette
python3 query.py ds get tokens.typography.scale    # all type scale entries
python3 query.py ds get tokens.spacing             # spacing scale
python3 query.py ds get rules.colors               # color usage rules + violations
python3 query.py ds get rules.typography           # type hierarchy rules
python3 query.py ds get rules.surfaces             # elevation model
python3 query.py ds get surfaces.scribeWindow      # Tailwind layout for main panel
python3 query.py ds get copy                       # tone, casing, copy rules
python3 query.py ds get meta                       # fonts, stack, color scheme

Search when you don't know where something lives

python3 query.py search "waveform"          # both files at once
python3 query.py ux search "animation"      # playbook only
python3 query.py ds search "orange"         # design system only
python3 query.py ds search "focus"          # find all focus-related rules

Progressive disclosure pattern

1. python3 query.py ux toc                  ← see all chapters + sections
2. python3 query.py ux chapter <name>       ← read a chapter
3. python3 query.py ux section <name>       ← read one section

1. python3 query.py ds toc                  ← see all tokens/components
2. python3 query.py ds get <path>           ← get the exact spec

Go deeper only if you need to. A chapter is usually enough context. ux all is expensive — avoid unless you need the whole document.

04 同仓库更多 Skills

Lenniott
Lenniott/scribeFloat

ux-principles

ScribeFloat UX principles and design intent. Use when designing or reviewing any new screen, component, interaction pattern, or user flow — or when you need to understand WHY a design rule exists, not just what it is. Complements ui-enforcement (which governs tokens and class names).

设计师
★ 1
Lenniott
Lenniott/scribeFloat

ui-taxonomy

Classify UI work into the correct taxonomy level before building. Use when creating a new UI element, naming a component, deciding where something belongs in the system, or when another skill needs a shared vocabulary for UI structure.

设计师
★ 1
Lenniott
Lenniott/scribeFloat

ui-enforcement

Enforces ScribeFloat UI consistency — typography role classes, design tokens, and component primitives. Use when writing or editing Svelte/CSS frontend code, Tailwind classes, forms, labels, screens, onboarding, or when the user mentions design system, typography pass, sf-* classes, scroll layout, chrome/body panes, or UI consistency.

设计师前端开发
★ 1
Lenniott
Lenniott/scribeFloat

ux-principles

ScribeFloat UX principles and design intent. Use when designing or reviewing any new screen, component, interaction pattern, or user flow — or when you need to understand WHY a design rule exists, not just what it is. Complements ui-enforcement (which governs tokens and class names).

设计师
★ 1
Lenniott
Lenniott/scribeFloat

ui-taxonomy

Classify UI work into the correct taxonomy level before building. Use when creating a new UI element, naming a component, deciding where something belongs in the system, or when another skill needs a shared vocabulary for UI structure.

设计师
★ 1
Lenniott
Lenniott/scribeFloat

ui-enforcement

Enforces ScribeFloat UI consistency — typography role classes, design tokens, and component primitives. Use when writing or editing Svelte/CSS frontend code, Tailwind classes, forms, labels, screens, onboarding, or when the user mentions design system, typography pass, sf-* classes, scroll layout, chrome/body panes, or UI consistency.

设计师前端开发
★ 1