Agent Skills
› bitjaru/styleseed
› ss-tokens
ss-tokens
GitHub用于在StyleSeed系统中查看、添加或修改设计令牌。支持颜色、排版、间距等类型，确保JSON源文件与CSS实现同步，遵循语义命名规范并兼容暗色模式。
触发场景
查看当前设计令牌列表
添加新的设计令牌
修改现有的设计令牌
安装
npx skills add bitjaru/styleseed --skill ss-tokens -g -y
SKILL.md
Frontmatter
{
"name": "ss-tokens",
"description": "View, add, or modify design tokens in the StyleSeed design system",
"allowed-tools": "Read, Write, Edit, Grep, Glob",
"argument-hint": "[action: list|add|update] [token-type: color|spacing|shadow|radius|typography]"
}
Design Token Manager
When NOT to use
- For applying tokens in components → use
/ss-componentor/ss-pattern - For finding token violations in existing code → use
/ss-lint - For brand-wide color/font choices that don't exist yet — define a skin first, then add tokens
- For non-CSS token systems (Figma, native iOS/Android) — Tailwind v4 / CSS variables only
Action: $0 | Token type: $1 Arguments: $ARGUMENTS
Token File Locations
| Type | JSON Source | CSS Implementation |
|---|---|---|
| Colors | tokens/colors.json |
css/theme.css :root + @theme inline |
| Typography | tokens/typography.json |
css/fonts.css + css/base.css |
| Spacing | tokens/spacing.json |
Tailwind utilities (no custom CSS needed) |
| Radius | tokens/radii.json |
css/theme.css @theme inline |
| Shadows | tokens/shadows.json |
css/theme.css :root |
Instructions
list — Show current tokens
Read and display the requested token file in a formatted table.
add — Add new token
- Add the token to the JSON source file (
tokens/*.json) - Add the CSS custom property to
css/theme.cssunder:root - If it needs a Tailwind utility, add to the
@theme inlineblock - If it has a dark mode variant, add to the
.darkblock
update — Modify existing token
- Update the value in the JSON source file
- Update the CSS custom property in
theme.css - Check all components for direct usage that might need updating
Rules
- Always keep JSON and CSS in sync
- Use semantic names, not descriptive names (
--successnot--green-500) - Colors should support both light and dark modes
- New tokens must be added to BOTH the JSON source AND the CSS implementation
版本历史
- 575d99a 当前 2026-07-05 18:21
