Social
coreyhaines31/marketingskills
When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, or Facebook, or wants to do social listening and engagement triage.
从头设计或为 Ardot 项目应用视觉主题时使用此技能. An agent skill from balabalabalading/huuuuuuho-skills.
Install Ardot Style Guide
$ npx skills add balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install balabalabalading/huuuuuuho-skills ardot-style-guide --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/balabalabalading/huuuuuuho-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/Ardot-skills-nonofficial/ardot-style-guide .claude/skills/ardot-style-guide && 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 "ardot-style-guide" agent skill from https://github.com/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guide into .claude/skills/ardot-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ardot-style-guide", 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/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guideType 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 balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install balabalabalading/huuuuuuho-skills ardot-style-guide --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/balabalabalading/huuuuuuho-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/Ardot-skills-nonofficial/ardot-style-guide .agents/skills/ardot-style-guide && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ardot-style-guide" agent skill from https://github.com/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guide into .agents/skills/ardot-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ardot-style-guide", 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 balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install balabalabalading/huuuuuuho-skills ardot-style-guide --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/balabalabalading/huuuuuuho-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/Ardot-skills-nonofficial/ardot-style-guide .cursor/skills/ardot-style-guide && 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 "ardot-style-guide" agent skill from https://github.com/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guide into .cursor/skills/ardot-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ardot-style-guide", 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/balabalabalading/huuuuuuho-skills.git --path skills/Ardot-skills-nonofficial/ardot-style-guide--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 balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install balabalabalading/huuuuuuho-skills ardot-style-guide --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/balabalabalading/huuuuuuho-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/Ardot-skills-nonofficial/ardot-style-guide .gemini/skills/ardot-style-guide && 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 "ardot-style-guide" agent skill from https://github.com/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guide into .gemini/skills/ardot-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ardot-style-guide", 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 balabalabalading/huuuuuuho-skills ardot-style-guideInstalls 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 balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/balabalabalading/huuuuuuho-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/Ardot-skills-nonofficial/ardot-style-guide .github/skills/ardot-style-guide && 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 "ardot-style-guide" agent skill from https://github.com/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guide into .github/skills/ardot-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ardot-style-guide", 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 balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install balabalabalading/huuuuuuho-skills ardot-style-guide --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/balabalabalading/huuuuuuho-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/Ardot-skills-nonofficial/ardot-style-guide .opencode/skills/ardot-style-guide && 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 "ardot-style-guide" agent skill from https://github.com/balabalabalading/huuuuuuho-skills/tree/main/skills/Ardot-skills-nonofficial/ardot-style-guide into .opencode/skills/ardot-style-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ardot-style-guide", 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.
Facts
- Skill name
ardot-style-guide- GitHub stars
- 118
- Token cost
- ~909 tokens
- SKILL.md length
- 132 words
- Files
- 1
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
从头设计或为 Ardot 项目应用视觉主题时使用此技能. An agent skill from balabalabalading/huuuuuuho-skills.
- Writing & Content work in your project
- SKILL.md covers 技能边界, 前置条件, search_style_guide — 三轮回退协议 and build_style_guide — 权威性约束, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Ardot Style Guide is an agent skill from balabalabalading/huuuuuuho-skills. 从头设计或为 Ardot 项目应用视觉主题时使用此技能。 涵盖 searchstyleguide → buildstyleguide 工作流程，用于发现和应用完整的设计系统（颜色、排版、间距、布局模式）。 触发条件："设计落地页"、"创建仪表板"、"应用深色主题"、 "设置设计系统"、"选择调色板"、"为应用选择字体"、 "样式指南"、"视觉风格"、"外观和感觉"。
Its SKILL.md is about 910 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 Writing & Content. The repository describes itself as: My personal collection of Skills — open-source tools that extend Agent's capabilities for content creation, development logging, and productivity workflows. The licence is MIT.
When your agent uses it
- Writing & Content work in your project
Example prompts
- “应用深色主题”
- “设置设计系统”
- “为应用选择字体”
- “/ardot-style-guide”
What it can do on your machine
Read from SKILL.md and the folder at commit e2b6b5d. 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
No scripts in the folder and no shell commands in SKILL.md (its code samples are json).
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
Ardot Style Guide loads about 909 tokens when it runs. Until then it costs about 53 tokens; SKILL.md has 132 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.
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); files beside SKILL.md are not scanned.
SKILL.md
The full file from balabalabalading/huuuuuuho-skills at commit e2b6b5d, republished under its MIT licence (© balabalabalading). 132 words, ~909 tokens.
Download SKILL.mdSave it as
.claude/skills/ardot-style-guide/SKILL.md (or your agent's skills folder).- name
- ardot-style-guide
- description
- 从头设计或为 Ardot 项目应用视觉主题时使用此技能。 涵盖 `search_style_guide` → `build_style_guide` 工作流程，用于发现和应用完整的设计系统（颜色、排版、间距、布局模式）。 触发条件："设计落地页"、"创建仪表板"、"应用深色主题"、 "设置设计系统"、"选择调色板"、"为应用选择字体"、 "样式指南"、"视觉风格"、"外观和感觉"。
- disable-model-invocation
- false
ardot-style-guide — 样式指南搜索与构建
通过 search_style_guide → build_style_guide 工具链发现和应用完整的设计系统。Ardot 独有的能力，Figma 没有等效功能。
技能边界
- 当用户想要从头建立视觉风格时使用此技能
- 在任何创建带样式 UI（颜色、排版）的
batch_edit之前使用此技能 - 如果用户已有已建立的设计系统和已知令牌，可跳过此技能
build_style_guide的输出是权威性的 — 所有下游工具必须严格遵循其值
前置条件
- 必须已调用
fetch_editor_state(includeSchema: true) - 应为目标设计类型加载
fetch_guidelines(topic)
search_style_guide — 三轮回退协议
第一轮：关键词搜索
提供特定关键词以定位用户意图。
search_style_guide({
"topic": "landing-page", // 或 web-app、mobile-app、slides、table
"designKeywords": "SaaS dashboard modern clean professional",
"colorKeywords": "dark mode cool blue professional",
"typographyKeywords": "modern sans-serif clean readable",
"layoutKeywords": "dashboard analytics cards grid"
})收到结果后，逐一审查每个领域：
- style：样式类别是否与请求的视觉风格匹配？
- color：检查背景、卡片和前景值。如果用户想要深色模式但所有背景值都是浅色（#F_xxxx 范围），则此领域没有合适匹配。
- typography：情绪是否匹配？字体是否可用（使用
get_available_fonts检查）？ - layout：模式是否适合页面类型？
如果某个领域的所有候选都合适 → 继续到 build_style_guide。
第二轮：完整目录（如果任何领域没有合适匹配）
对于第一轮没有合适匹配的领域，再次调用 search_style_guide，对该领域的关键词使用 true 以获取完整目录：
search_style_guide({
"topic": "landing-page",
"designKeywords": "SaaS dashboard",
"colorKeywords": true, // 颜色的完整目录
"typographyKeywords": true // 排版的完整目录
})第三轮：自身设计知识（仅在第二轮也失败时）
仅对第二轮后仍无合适匹配的领域，你可以使用自己的设计知识。这应该很少见。
build_style_guide — 权威性约束
一旦你在所有领域做出选择，调用 build_style_guide：
build_style_guide({
"selections": {
"style": 2, // 搜索结果中的索引或名称
"color": 1,
"typography": 3,
"layout": 0
}
})关键：返回的设计系统是权威性的
build_style_guide 响应提供必须使用的精确值：
- 颜色：使用精确的
#HEX或{r, g, b}值 — 不要调整 - 排版：使用精确指定的字体系列、大小、粗细
- 边框半径：使用精确的 px 值
- 间距：使用精确的 px 值
- 效果：使用精确的阴影/模糊参数
硬性关卡：如果设计系统说背景是
#FAF5FF，使用#FAF5FF（转换为 0–1 范围用于 batch_edit）。如果你意识到它与用户意图冲突 （例如，用户想要深色但得到浅色），返回search_style_guide使用更正后的关键词 — 不要静默覆盖值。
将样式指南值转换为 batch_edit
样式指南十六进制颜色 → batch_edit {r, g, b} 0–1 格式：
#FAF5FF → {r: 0.98, g: 0.96, b: 1.0}
#1A1A2E → {r: 0.10, g: 0.10, b: 0.18}
#E8714A → {r: 0.91, g: 0.44, b: 0.29}每个领域的选择策略
样式
将样式类别名称与用户描述匹配。信任内容而非搜索分数 — 匹配意图的低分候选比不相关的高分候选更好。
颜色
具体检查背景（主表面颜色）、卡片（次表面）和前景（文本/图标）值。这三个值告诉你调色板是浅色还是深色。
排版
在选择之前使用 get_available_fonts 验证字体可用性。如果两种字体都不可用，字体配对就没有用。检查标题和正文字体。
布局
将模式名称与功能意图匹配。例如，"pricing" → 寻找比较/表格布局；"dashboard" → 寻找卡片网格布局。
topic 参数指南
| topic | 用途 | 典型 designKeywords |
|---|---|---|
landing-page | 营销页面、主页、促销网站 | "hero section"、"CTA"、"features" |
web-app | SaaS 仪表板、管理面板、内部工具 | "dashboard"、"data table"、"sidebar" |
mobile-app | iOS/Android 应用屏幕 | "bottom nav"、"cards"、"list" |
slides | 演示文稿 | "title slide"、"content"、"chart" |
table | 数据表和仪表板 | "data grid"、"filters"、"pagination" |
完整工作流程总结
1. fetch_editor_state(includeSchema: true)
2. fetch_guidelines(topic) → 页面类型的设计规则
3. get_available_fonts → 检查字体可用性
4. search_style_guide (第一轮) → 关键词搜索
5. [如需要] search_style_guide (第二轮) → 完整目录回退
6. build_style_guide(selections) → 获取权威设计令牌
7. apply_variables → 创建与令牌匹配的变量
8. batch_edit → 使用精确的令牌值构建 UI© balabalabalading, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/Ardot-skills-nonofficial/ardot-style-guide of balabalabalading/huuuuuuho-skills.
Open the folder on GitHubat commit e2b6b5d
Compare with similar skills
Ardot Style Guide 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 |
|---|---|---|---|---|---|---|
| Ardot Style Guide this skillbalabalabalading/huuuuuuho-skills | 118 | — | ~909 | Automated safety check: Pass | MIT | |
| Socialcoreyhaines31/marketingskills | 54k | 4 repos | ~4.5k | Automated safety check: Pass | MIT | |
| HumanizerAzure-Samples/interview-coach-agent-framework | 172 | 37 repos | ~5.8k | Automated safety check: Pass | MIT | |
| Avoid AI Writingconorbronsdon/avoid-ai-writing | 4.9k | 3 repos | ~8.1k | Automated safety check: Pass | MIT | |
| JavaScript Concept Fact Checkerleonardomso/33-js-concepts | 67k | 1 repos | ~5k | Automated safety check: Pass | MIT | |
| User-Facing Text Cleanupguillaumemeyer/watermarks-remover | 24k | — | ~3.5k | Automated safety check: Pass | MIT |
Similar skills
- Official
Humanizer
Azure-Samples/interview-coach-agent-framework
Remove signs of AI-generated writing from text. An agent skill from Azure-Samples/interview-coach-agent-framework.
Avoid AI Writing
conorbronsdon/avoid-ai-writing
Audit and rewrite content to remove AI writing patterns ("AI-isms").
JavaScript Concept Fact Checker
leonardomso/33-js-concepts
Verifies the technical accuracy of JavaScript concept pages by checking code examples, MDN and ECMAScript claims and external links through a five-phase method.
User-Facing Text Cleanup
guillaumemeyer/watermarks-remover
Audits prose for invisible Unicode characters and rewrites it while keeping facts, citations, code and required disclosures unchanged and the writer's voice intact.
Install Anti Slop
trycompai/crm
Install and configure the anti-slop Oxlint plugin in a local TypeScript or JavaScript repository.
More from balabalabalading/huuuuuuho-skills
All 8 skills in this repoMp Article Writor
balabalabalading/huuuuuuho-skills
微信公众号文章创作。当用户想把软件更新、产品新闻、工具测评、工作流探索、个人实践或生活感悟等素材整理成公众号文章时使用。即使用户只是说「帮我写篇文章」「整理成推文」「发公众号」，也应当触发此技能。
Logging Session
balabalabalading/huuuuuuho-skills
Record and query AI conversation logs — what users asked, how it was solved, and the result.
Ardot Use
balabalabalading/huuuuuuho-skills
强制性前置条件 — 每次调用 batchedit 工具之前，必须先调用此技能. An agent skill from balabalabalading/huuuuuuho-skills.
Ardot Generate Design
balabalabalading/huuuuuuho-skills
在 Ardot 中从头构建完整页面、屏幕或多区块 UI 布局时，将此技能与 ardot-use 配合使用. An agent skill from balabalabalading/huuuuuuho-skills.
Article2ticktick
balabalabalading/huuuuuuho-skills
将技术周报中的文章整理为滴答清单（TickTick）待办事项，同时支持单篇文章直接添加。当用户提供周报 markdown 文档、要求将周报文章添加到滴答清单，或提及"技术周报"、"文章汇总"、"添加到滴答"等关键词时，使用此技能；当用户分享单篇文章链接并希望添加到滴答清单时，同样使用此技能。
Ardot Generate Library
balabalabalading/huuuuuuho-skills
在 Ardot 中构建可复用组件库或设计系统时使用此技能. An agent skill from balabalabalading/huuuuuuho-skills.
Related
Categories
Questions about Ardot Style Guide
What does Ardot Style Guide do?
从头设计或为 Ardot 项目应用视觉主题时使用此技能. An agent skill from balabalabalading/huuuuuuho-skills. Ardot Style Guide is an agent skill from balabalabalading/huuuuuuho-skills.
When should I use Ardot Style Guide?
Ardot Style Guide fits situations like: writing & Content work in your project.
How do I install Ardot Style Guide in Claude Code?
Run `npx skills add balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a claude-code`. Or copy the skill folder (skills/Ardot-skills-nonofficial/ardot-style-guide in balabalabalading/huuuuuuho-skills) into .claude/skills/ardot-style-guide in your project. Claude Code loads it when a task matches its description.
How do I install Ardot Style Guide in Codex?
Run `npx skills add balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a codex`. Or copy the skill folder (skills/Ardot-skills-nonofficial/ardot-style-guide in balabalabalading/huuuuuuho-skills) into .agents/skills/ardot-style-guide in your project. Codex loads it when a task matches its description.
Can I use Ardot Style Guide 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 balabalabalading/huuuuuuho-skills --skill ardot-style-guide -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ardot-style-guide, .gemini/skills/ardot-style-guide, .github/skills/ardot-style-guide and .opencode/skills/ardot-style-guide in your project.
What does Ardot Style Guide need to run?
SKILL.md names no scripts, command-line tools or credentials: Ardot Style Guide is instructions for the agent only.
Does Ardot Style Guide 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 Ardot Style Guide 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. Review the folder before installing.
What licence does Ardot Style Guide use?
Ardot Style Guide 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 Ardot Style Guide use?
About 909 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Ardot Style Guide?
Skills that share tags, products or a category with Ardot Style Guide: Social (coreyhaines31/marketingskills, 54k stars), Humanizer (Azure-Samples/interview-coach-agent-framework, 172 stars), Avoid AI Writing (conorbronsdon/avoid-ai-writing, 4.9k stars) and JavaScript Concept Fact Checker (leonardomso/33-js-concepts, 67k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Ardot Style Guide?
balabalabalading (a GitHub user) maintains it in balabalabalading/huuuuuuho-skills, which has 118 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on September 26, 2026.
Source: balabalabalading/huuuuuuho-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.