design-skill
暂无简介
- License 许可
- MIT
- 最近更新
- 2026-11-06
- Stars
- ★ 1
- Forks
- 0
02 资源文件 3
- 参考文档design-system.json34.4 KB
- 脚本query.py6.1 KB
- 参考文档ux.scribefloat.json67.2 KB
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
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).
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.
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.
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).
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.
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.