Design System Generate
mohitagw15856/pm-claude-skills
Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.
Choose presentation-ready color palettes and font pairings for PPT/design tasks.
$ npx skills add haojing8312/WorkClaw --skill color-font-skill -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install haojing8312/WorkClaw color-font-skill --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/haojing8312/WorkClaw.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill .claude/skills/color-font-skill && rm -rf skills-srcUse ~/.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/
Install the "color-font-skill" agent skill from https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill into .claude/skills/color-font-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "color-font-skill", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skillType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add haojing8312/WorkClaw --skill color-font-skill -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install haojing8312/WorkClaw color-font-skill --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/haojing8312/WorkClaw.git skills-src && mkdir -p .agents/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill .agents/skills/color-font-skill && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "color-font-skill" agent skill from https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill into .agents/skills/color-font-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "color-font-skill", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add haojing8312/WorkClaw --skill color-font-skill -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install haojing8312/WorkClaw color-font-skill --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/haojing8312/WorkClaw.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill .cursor/skills/color-font-skill && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "color-font-skill" agent skill from https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill into .cursor/skills/color-font-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "color-font-skill", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/haojing8312/WorkClaw.git --path apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add haojing8312/WorkClaw --skill color-font-skill -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install haojing8312/WorkClaw color-font-skill --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/haojing8312/WorkClaw.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill .gemini/skills/color-font-skill && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "color-font-skill" agent skill from https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill into .gemini/skills/color-font-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "color-font-skill", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install haojing8312/WorkClaw color-font-skillInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add haojing8312/WorkClaw --skill color-font-skill -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/haojing8312/WorkClaw.git skills-src && mkdir -p .github/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill .github/skills/color-font-skill && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "color-font-skill" agent skill from https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill into .github/skills/color-font-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "color-font-skill", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add haojing8312/WorkClaw --skill color-font-skill -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install haojing8312/WorkClaw color-font-skill --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/haojing8312/WorkClaw.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill .opencode/skills/color-font-skill && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "color-font-skill" agent skill from https://github.com/haojing8312/WorkClaw/tree/main/apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill into .opencode/skills/color-font-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "color-font-skill", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
color-font-skillChoose presentation-ready color palettes and font pairings for PPT/design tasks.
Color Font Skill is an agent skill from haojing8312/WorkClaw. Choose presentation-ready color palettes and font pairings for PPT/design tasks. Use when users ask for visual theme choices, brand-safe palettes, or font recommendations. Triggers include: 配色, 色板, 字体, color palette, font, PPT配色, 字体搭配.
Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Theming and dark mode, Typography and PowerPoint presentations. The licence is Apache-2.0.
Read from SKILL.md and the folder at commit 81ae074. It shows what the files ask for, not the result of running them.
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.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Color Font Skill loads about 1.4k tokens when it runs. Until then it costs about 63 tokens; SKILL.md has 483 words of instructions outside code blocks.
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.
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); files beside SKILL.md are not scanned.
The full file from haojing8312/WorkClaw at commit 81ae074, republished under its Apache-2.0 licence (© haojing8312). 483 words, ~1,372 tokens.
.claude/skills/color-font-skill/SKILL.md (or your agent's skills folder).| # | 名称 | 色值 | 风格 | 适用场景 | 建议 |
|---|---|---|---|---|---|
| 1 | 现代与健康 | #006d77 #83c5be #edf6f9 #ffddd2 #e29578 | 清新、治愈 | 医疗健康、心理咨询、护肤品、瑜伽Spa | 深青做标题,浅粉做背景 |
| 2 | 商务与权威 | #2b2d42 #8d99ae #edf2f4 #ef233c #d90429 | 严谨、经典 | 年度汇报、金融分析、企业介绍、政务报告 | 深蓝显专业,亮红强调数据 |
| 3 | 自然与户外 | #606c38 #283618 #fefae0 #dda15e #bc6c25 | 沉稳、大地色 | 户外用品、环境保护、农业项目、历史文化 | 深绿为底,米色为字 |
| 4 | 复古与学院 | #780000 #c1121f #fdf0d5 #003049 #669bbc | 经典、书卷气 | 学术讲座、历史回顾、博物馆、复古品牌 | 深红与深蓝对比强烈 |
| 5 | 柔美与创意 | #cdb4db #ffc8dd #ffafcc #bde0fe #a2d2ff | 梦幻、糖果色 | 母婴产品、甜品店、女性时尚、幼儿园 | 文字用深灰或黑色 |
| 6 | 波西米亚 | #ccd5ae #e9edc9 #fefae0 #faedcd #d4a373 | 温柔、低饱和 | 婚礼策划、家居软装、有机食品、慢生活 | 米色背景,绿棕点缀 |
| 7 | 活力与科技 | #8ecae6 #219ebc #023047 #ffb703 #fb8500 | 高能量、运动 | 体育赛事、健身房、创业路演、少儿教育 | 深蓝稳重心,橙色做焦点 |
| 8 | 匠心与手作 | #7f5539 #a68a64 #ede0d4 #656d4a #414833 | 质朴、咖啡调 | 咖啡店、手工艺品、传统文化、烘焙教学 | 适合纸质/皮革质感 |
| 9 | 科技与夜景 | #000814 #001d3d #003566 #ffc300 #ffd60a | 深邃、高亮 | 科技发布会、星空天文、夜间经济、高端汽车 | 必须用深色模式 |
| 10 | 教育与图表 | #264653 #2a9d8f #e9c46a #f4a261 #e76f51 | 清晰、逻辑强 | 统计报告、教育培训、市场分析、通用商务 | 完美的图表配色 |
| 11 | 森林与环保 | #dad7cd #a3b18a #588157 #3a5a40 #344e41 | 单色渐变、森系 | 园林设计、ESG报告、环保公益、植物研究 | 单色系安全不会乱 |
| 12 | 优雅与时尚 | #edafb8 #f7e1d7 #dedbd2 #b0c4b1 #4a5759 | 低饱和、莫兰迪 | 高定服装、艺术画廊、美妆品牌、杂志风 | 留白是关键 |
| 13 | 艺术与美食 | #335c67 #fff3b0 #e09f3e #9e2a2b #540b0e | 浓郁、复古画报 | 美食纪录片、艺术展、民族风情、复古餐厅 | 适合大色块拼接 |
| 14 | 轻奢与神秘 | #22223b #4a4e69 #9a8c98 #c9ada7 #f2e9e4 | 冷艳、紫调 | 珠宝展示、酒店管理、高端咨询、心理学 | 紫色营造高端氛围 |
| 15 | 纯净科技蓝 | #03045e #0077b6 #00b4d8 #90e0ef #caf0f8 | 未来感、纯净 | 云计算/AI、水利海洋、医院医疗、洁净能源 | 从深海到天空的渐变 |
| 16 | 海岸珊瑚 | #0081a7 #00afb9 #fdfcdc #fed9b7 #f07167 | 清爽、夏日感 | 旅游度假、夏季活动、饮品品牌、海洋主题 | 青色与珊瑚色互补亮眼 |
| 17 | 活力橙薄荷 | #ff9f1c #ffbf69 #ffffff #cbf3f0 #2ec4b6 | 明亮、欢快 | 儿童活动、促销海报、快消品、社交媒体 | 橙色吸睛,薄荷绿清爽 |
| 18 | 铂金白金 | #0a0a0a #0070F3 #D4AF37 #f5f5f5 #ffffff | 高端、专业 | Agent产品、企业官网、金融科技、高端品牌 | 白金主调,蓝色行动,金色强调 |
基于 tokens.css/ts 的 Platinum White-Gold Theme,提供完整色阶供精细设计使用。
| 色阶 | 色值 | 用途 |
|---|---|---|
| white-0 | #ffffff | 主背景 |
| white-50 | #fefefe | 略带暖调的白 |
| white-75 | #fcfcfc | 微灰白 |
| white-100 | #fafafa | 次级背景 |
| white-200 | #f7f7f7 | 卡片背景 |
| white-300 | #f5f5f5 | 三级背景 |
| white-400 | #f0f0f0 | 分隔区域 |
| white-500 | #ebebeb | 边框浅色 |
| white-600 | #e5e5e5 | 禁用态背景 |
| white-700 | #e0e0e0 | 深灰白 |
| white-800 | #d9d9d9 | 占位符 |
| white-900 | #d4d4d4 | 分隔线 |
| white-1000 | #cccccc | 最深白 |
| 色阶 | 色值 | 用途 |
|---|---|---|
| gold-25 | #FFFDF5 | 极浅金背景 |
| gold-50 | #FEF9E7 | 浅金背景 |
| gold-75 | #FCF3D0 | 淡金高亮 |
| gold-100 | #FAECB8 | 金色 hover 态 |
| gold-200 | #F5DC8A | 亮金强调 |
| gold-300 | #E8C860 | 金色悬停 |
| gold-400 | #D4AF37 | 主金色(核心) |
| gold-500 | #B8972E | 金色文字 |
| gold-600 | #9A7E26 | 深金强调 |
| gold-700 | #7C651E | 暗金边框 |
| gold-800 | #5E4C16 | 深金背景 |
| gold-900 | #40330F | 极深金 |
| gold-1000 | #221A08 | 黑金 |
| 色阶 | 色值 | 用途 |
|---|---|---|
| blue-25 | #F0F7FF | 极浅蓝背景 |
| blue-50 | #E0EFFF | 信息提示背景 |
| blue-75 | #C2DFFF | 浅蓝高亮 |
| blue-100 | #A3CFFF | 禁用态蓝 |
| blue-200 | #66AFFF | 亮蓝 |
| blue-300 | #338FFF | 蓝色悬停 |
| blue-400 | #0070F3 | 主蓝色(核心) |
| blue-500 | #005FCC | 蓝色文字 |
| blue-600 | #004FA6 | 深蓝强调 |
| blue-700 | #003F80 | 暗蓝边框 |
| blue-800 | #002F5A | 深蓝背景 |
| blue-900 | #001F3D | 极深蓝 |
| blue-1000 | #001026 | 黑蓝 |
| 色阶 | 色值 | 用途 |
|---|---|---|
| gray-0 | #ffffff | 白色 |
| gray-50 | #fafafa | 极浅灰 |
| gray-75 | #f5f5f5 | 浅灰背景 |
| gray-100 | #ededed | 分隔线浅 |
| gray-200 | #d4d4d4 | 边框浅 |
| gray-300 | #a3a3a3 | 四级文字 |
| gray-400 | #737373 | 三级文字 |
| gray-500 | #525252 | 二级文字 |
| gray-600 | #404040 | 深灰 |
| gray-700 | #2e2e2e | 暗色背景 |
| gray-800 | #1f1f1f | 深色背景 |
| gray-900 | #141414 | 极深背景 |
| gray-1000 | #0a0a0a | 主文字色(核心) |
| 透明度 | 色值 | 用途 |
|---|---|---|
| 0% | #0a0a0a00 | 全透明 |
| 2% | #0a0a0a05 | 微弱遮罩 |
| 4% | #0a0a0a0a | 次级交互背景 |
| 8% | #0a0a0a14 | 边框/分隔 |
| 15% | #0a0a0a26 | 按压态 |
| 20% | #0a0a0a33 | 浅遮罩 |
| 25% | #0a0a0a40 | 中遮罩 |
| 50% | #0a0a0a80 | 半透明 |
| 70% | #0a0a0ab2 | 深遮罩 |
| 80% | #0a0a0acc | 悬停态 |
| 90% | #0a0a0ae5 | tooltip |
| 95% | #0a0a0af2 | 弹窗 |
| 透明度 | 色值 | 用途 |
|---|---|---|
| 0% | #ffffff00 | 全透明 |
| 2% | #ffffff05 | 微弱遮罩 |
| 4% | #ffffff0a | 次级交互背景 |
| 8% | #ffffff12 | 边框/分隔 |
| 15% | #ffffff26 | 按压态 |
| 20% | #ffffff33 | 浅遮罩 |
| 25% | #ffffff40 | 中遮罩 |
| 50% | #ffffff80 | 半透明 |
| 70% | #ffffffb2 | 深遮罩 |
| 80% | #ffffffcc | 悬停态 |
| 90% | #ffffffe5 | tooltip |
| 95% | #fffffff2 | 弹窗 |
| 语言 | 默认字体 | 可选字体 |
|---|---|---|
| 中文 | 微软雅黑 (Microsoft YaHei) | — |
| 英文 | Arial | Georgia, Calibri, Cambria, Trebuchet MS |
© haojing8312, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill of haojing8312/WorkClaw.
Open the folder on GitHubat commit 81ae074
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in haojing8312/WorkClaw, which our catalogue first saw on October 7, 2026.
Color Font Skill 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Color Font Skill this skillhaojing8312/WorkClaw | 141 | 1 repos | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| Design System Generatemohitagw15856/pm-claude-skills | 1.4k | — | ~1.7k | Automated safety check: Pass | MIT | |
| Impeccablebestofjs/bestofjs | 3.1k | 26 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Tailwindcss Developmentanonaddy/anonaddy | 4.9k | 10 repos | ~865 | Automated safety check: Pass | MIT | |
| UI UX Pro Maxsaoudi-h/solar-icons | 190 | 18 repos | ~11k | Automated safety check: Notes | Custom licence | |
| Scalar Design Systemscalar/scalar | 16k | — | ~2.7k | Automated safety check: Pass | MIT |
mohitagw15856/pm-claude-skills
Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.
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…
anonaddy/anonaddy
Always invoke when the user's message includes 'tailwind' in any form.
saoudi-h/solar-icons
UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.
scalar/scalar
Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.
ever-works/ever-works
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.
haojing8312/WorkClaw
Select a consistent visual design system for PPT slides using radius/spacing style recipes.
haojing8312/WorkClaw
A skill your agent uses when asked to send or read Slack messages, check Slack channels, test Slack integrations, or interact with a Slack workspace from the command line.
haojing8312/WorkClaw
Edit existing PowerPoint files or templates with XML-safe workflows.
haojing8312/WorkClaw
Implement single-slide PowerPoint pages with PptxGenJS. An agent skill from haojing8312/WorkClaw.
haojing8312/WorkClaw
A skill your agent uses when changes affect runtime code, tests, skill assets, or build and test behavior in WorkClaw and verification is required before claiming completion.
haojing8312/WorkClaw
A skill your agent uses when changing runtime behavior, routing, provider integration, tool permissions, sidecar protocols, or vendor sync boundaries in WorkClaw before editing code.
Categories
Choose presentation-ready color palettes and font pairings for PPT/design tasks. Color Font Skill is an agent skill from haojing8312/WorkClaw. Choose presentation-ready color palettes and font pairings for PPT/design tasks.
Color Font Skill fits situations like: users ask for visual theme choices; brand-safe palettes; font recommendations.
Run `npx skills add haojing8312/WorkClaw --skill color-font-skill -a claude-code`. Or copy the skill folder (apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill in haojing8312/WorkClaw) into .claude/skills/color-font-skill in your project. Claude Code loads it when a task matches its description.
Run `npx skills add haojing8312/WorkClaw --skill color-font-skill -a codex`. Or copy the skill folder (apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill in haojing8312/WorkClaw) into .agents/skills/color-font-skill in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add haojing8312/WorkClaw --skill color-font-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/color-font-skill, .gemini/skills/color-font-skill, .github/skills/color-font-skill and .opencode/skills/color-font-skill in your project.
SKILL.md names no scripts, command-line tools or credentials: Color Font Skill is instructions for the agent only.
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.
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. Review the folder before installing.
Color Font Skill is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.4k tokens (SKILL.md is roughly 5.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Color Font Skill: Design System Generate (mohitagw15856/pm-claude-skills, 1.4k stars), Impeccable (bestofjs/bestofjs, 3.1k stars), Tailwindcss Development (anonaddy/anonaddy, 4.9k stars) and UI UX Pro Max (saoudi-h/solar-icons, 190 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
haojing8312 (a GitHub user) maintains it in haojing8312/WorkClaw, which has 141 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on May 27, 2026.
Source: haojing8312/WorkClaw on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.