Docusaurus Styling
AvaloniaUI/avalonia-docs
Style Docusaurus sites to match Avalonia Customer Portal theme using TailwindCSS, CSS variables, and component swizzling.
“工程代码格式化风格指引”
$ npx skills add Pixeval/Pixeval --skill format-style -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Pixeval/Pixeval format-style --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/Pixeval/Pixeval.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/format-style .claude/skills/format-style && 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 "format-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/format-style into .claude/skills/format-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "format-style", 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/Pixeval/Pixeval/tree/main/.agents/skills/format-styleType 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 Pixeval/Pixeval --skill format-style -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Pixeval/Pixeval format-style --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Pixeval/Pixeval.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/format-style .agents/skills/format-style && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "format-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/format-style into .agents/skills/format-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "format-style", 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 Pixeval/Pixeval --skill format-style -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Pixeval/Pixeval format-style --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Pixeval/Pixeval.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/format-style .cursor/skills/format-style && 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 "format-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/format-style into .cursor/skills/format-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "format-style", 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/Pixeval/Pixeval.git --path .agents/skills/format-style--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 Pixeval/Pixeval --skill format-style -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Pixeval/Pixeval format-style --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Pixeval/Pixeval.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/format-style .gemini/skills/format-style && 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 "format-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/format-style into .gemini/skills/format-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "format-style", 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 Pixeval/Pixeval format-styleInstalls 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 Pixeval/Pixeval --skill format-style -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Pixeval/Pixeval.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/format-style .github/skills/format-style && 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 "format-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/format-style into .github/skills/format-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "format-style", 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 Pixeval/Pixeval --skill format-style -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Pixeval/Pixeval format-style --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Pixeval/Pixeval.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/format-style .opencode/skills/format-style && 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 "format-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/format-style into .opencode/skills/format-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "format-style", 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.
format-styleFormat Style is a skill in Pixeval/Pixeval (3.2k stars). Its SKILL.md is about 1.2k tokens. Licence: GPL-3.0.
Read from SKILL.md and the folder at commit 30f113f. 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 (its code samples are xml).
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.
Format Style loads about 1.2k tokens when it runs. Until then it costs about 6 tokens; SKILL.md has 331 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 Pixeval/Pixeval at commit 30f113f, republished under its GPL-3.0 licence (© Pixeval). 331 words, ~1,201 tokens.
.claude/skills/format-style/SKILL.md (or your agent's skills folder).若有未详尽覆盖的情况,可参考任意 src 下的代码,但不包括 src/lib 里的第三方或子模块代码。
.axaml 和 .axaml.cs 文件要成对维护。net10.0,启用了 nullable,LangVersion 是 latest,并且默认启用编译绑定。.editorconfig 中的设置。using 指令不要用空行拆分导入组。var,包括内置类型和一眼可见的类型。nullable,并在所有地方保证空安全,不要留下 null 警告。对于临时为 null 的瞬态,可以用 null!。is 模式匹配而不是 == 或 !=:count is 0、count is not 0、value is null、value is not null、value is not A and not B。obj is { } value 绑定非空值。entry is { Width: > 0, Height: > 0 }。is not { ... } 做守卫。switch 表达式 > switch 语句 > if/else if 链,尤其适合枚举、类 union 的状态、命令和类型分发。[]、[.. items])、空条件运算、??、throw 表达式、范围/索引运算符、元组命名,以及清晰时的匿名成员推断。if-else 中若主体是一行以内,则可以省略大括号;若分支中有跳转语句(如return、break、continue 等)则优先写在 if 中,并且省略 else 来减少嵌套层级。(Type) value。using var 或 await using var,不要嵌套多层 using 块。using var 或 await using var 若有初始化列表则拆开,避免初始化时发生异常导致资源未正确释放。例如:using var a = new A { X = 1 }; 应该改为 using var a = new A(); a.X = 1;。void 返回值时,使用弃元(_ = ...;),表达式主体的方法除外。switch,使用 ArgumentOutOfRangeException(nameof(value)) 或等价的默认分支。Task 或 Task<T> 的方法,若只有返回时用到 Task,则不需要将方法声明为异步(async)方法,而是直接返回 Task,但方法名仍然需要 Async 后缀。CancellationToken token = default,并在其中所有 await 的 Task 使用 ConfigureAwait(false) 避免切换线程上下文。但在 UI 代码中,不要这样做以避免死锁。nameof(...) 而不是字符串字面量,包括字符串内插中。Lazy<T>、FrozenDictionary、生成正则,或者静态只读转换器实例,不要每次调用都重建数据。IDisposable,若需要则调用 GC.SuppressFinalize(this)。static/readonly/const/getonly/initonly 等以增强约束。stackalloc、Span<T>、Memory<T> 等来增强性能。<inheritdoc /> 来继承文档。<inheritdoc cref="..." /> 来复用文档。<see cref="..." />,并且不要使用全限定名,而是也用 using 引入。<paramref name="..." />、<typeparamref name="..." /> 来提供链接。<see langword="..." /> 来增强高亮。IReadOnlyCollection<T> 或更严格的 IReadOnlyList<T> 而不是 IEnumerable<T>,以表达集合内元素有限。除非这些情况:yield return)延迟加载。IEnumerable<T> 的方法。Select、Where、OrderBy 等)并返回一个新的 IEnumerable<T>。IEnumerable<T> 更合理的情况。IReadOnlyList<T>或ReadOnlySpan<T> 而不是 T[] 来表示数组,以避免潜在的数组协变。.Commands.cs 的 partial 文件。AppendLine 或 WriteLine 等,而是使用生字符串(""" 三引号包裹的字符串),并且字符串开头引号之前必须换行。Try* 命名(例如 TryReset、TryDelete)。PascalCase。I 开头。_camelCase;私有静态字段使用 _PascalCase;常量字段、非私有的字段使用 PascalCase。基础代码风格遵循 Settings.XamlStyler 中的设置。
尽量使用有类型信息的 XAML:
x:DataType="{x:Type vm:SomeViewModel}"TargetType="{x:Type Button}"x:Key="{x:Type controls:SomeControl}"BasedOn="{StaticResource {x:Type ListBox}}"对于 XAML 内的命名空间引用,使用 xmlns:prefix="using:..." 而不是 xmlns:prefix="clr-namespace:...;assembly=..."。对于根元素类所在的命名空间,使用 local 作为命名空间 xmlns:local="using:..."。
空元素使用自闭合标签。
稳定的样式/模板优先用 StaticResource,和主题相关的画刷/颜色优先用 DynamicResource。
优先使用编译/有类型绑定配合 x:DataType。
对控件主题/模板,使用 ControlTheme、ControlTemplate、诸如 PART_ContentPresenter 的命名部件,以及 TemplateBinding 处理模板属性。
优先使用标记扩展以减少代码行数,例如使用 {markup:SymbolIcon ...} 而不是 <fluent:SymbolIcon Symbol="..." />
文本布局优先使用 TextTrimming、MaxLines、TextWrapping 和资源文本主题,而不是自己写测量逻辑。
标准可绑定控件状态使用 Avalonia StyledProperty,非样式属性或用户控件中定义的需要绑定的属性使用 DirectProperty 和 SetAndRaise。
绑定风格:
$parent[...]、#Name等。IsVisible="{Binding !!Items.Count}"、{Binding !IsFollowed}。<ControlTheme x:Key="{x:Type controls:AvatarImage}" TargetType="{x:Type controls:AvatarImage}">
<Setter Property="Template">
<ControlTemplate TargetType="{x:Type controls:AvatarImage}">
<Image Source="{TemplateBinding Source}" />
</ControlTemplate>
</Setter>
</ControlTheme>© Pixeval, GPL-3.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 .agents/skills/format-style of Pixeval/Pixeval.
Open the folder on GitHubat commit 30f113f
Format Style 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 |
|---|---|---|---|---|---|---|
| Format Style this skillPixeval/Pixeval | 3.2k | — | ~1.2k | Automated safety check: Pass | GPL-3.0 | |
| Docusaurus StylingAvaloniaUI/avalonia-docs | 166 | — | ~3.3k | Automated safety check: Pass | None | |
| API Link BuilderAvaloniaUI/avalonia-docs | 166 | — | ~3.1k | Automated safety check: Pass | None | |
| Discussion Gap FinderAvaloniaUI/avalonia-docs | 166 | — | ~2.2k | Automated safety check: Pass | None | |
| Oneware Stylingone-ware/OneWare | 147 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | |
| Wfa Avalonia UItautcony/ChapterTool | 113 | — | ~1.1k | Automated safety check: Pass | GPL-3.0 |
AvaloniaUI/avalonia-docs
Style Docusaurus sites to match Avalonia Customer Portal theme using TailwindCSS, CSS variables, and component swizzling.
AvaloniaUI/avalonia-docs
Scans the /docs directory for opportunities to cross-link with API reference documentation in /api, and vice versa.
AvaloniaUI/avalonia-docs
Analyzes GitHub discussion links to identify documentation gaps.
one-ware/OneWare
Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes).
tautcony/ChapterTool
Phase D of a WinForms-to-Avalonia migration: build the Avalonia UI shell with composition, MVVM state and commands, responsive XAML, accessibility, localization boundaries, and behavior-focused…
sillsdev/FieldWorks
Build, review, or fix Avalonia UI code in FieldWorks: XAML, MVVM, view models, owned controls, headless tests, preview host, accessibility identity, and product-vs-preview wiring.
Pixeval/Pixeval
Pixeval 国际化资源维护规范,涵盖用户可见字符串、JSON/Markdown 资源、XAML/C 引用、非默认语言增删规则以及 Language.tt 生成验证。Use when adding, moving, removing, or changing localized text in Pixeval.
Pixeval/Pixeval
工程代码编写风格指引(不含简单的格式化风格)
Pixeval/Pixeval
Pixeval MCP 维护指南。仅当修订 MCP 功能相关时需要读取并遵守。
Pixeval/Pixeval
代码工具选择
Works with
Categories
Run `npx skills add Pixeval/Pixeval --skill format-style -a claude-code`. Or copy the skill folder (.agents/skills/format-style in Pixeval/Pixeval) into .claude/skills/format-style in your project. Claude Code loads it when a task matches its description.
Run `npx skills add Pixeval/Pixeval --skill format-style -a codex`. Or copy the skill folder (.agents/skills/format-style in Pixeval/Pixeval) into .agents/skills/format-style 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 Pixeval/Pixeval --skill format-style -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/format-style, .gemini/skills/format-style, .github/skills/format-style and .opencode/skills/format-style in your project.
SKILL.md names no scripts, command-line tools or credentials: Format Style 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.
Format Style is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.2k tokens (SKILL.md is roughly 4.8k 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 Format Style: Docusaurus Styling (AvaloniaUI/avalonia-docs, 166 stars), API Link Builder (AvaloniaUI/avalonia-docs, 166 stars), Discussion Gap Finder (AvaloniaUI/avalonia-docs, 166 stars) and Oneware Styling (one-ware/OneWare, 147 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Pixeval (a GitHub organization) maintains it in Pixeval/Pixeval, which has 3,163 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 6, 2026.
Source: Pixeval/Pixeval on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.