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 code-style -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Pixeval/Pixeval code-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/code-style .claude/skills/code-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 "code-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/code-style into .claude/skills/code-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-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/code-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 code-style -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Pixeval/Pixeval code-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/code-style .agents/skills/code-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 "code-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/code-style into .agents/skills/code-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-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 code-style -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Pixeval/Pixeval code-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/code-style .cursor/skills/code-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 "code-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/code-style into .cursor/skills/code-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-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/code-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 code-style -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Pixeval/Pixeval code-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/code-style .gemini/skills/code-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 "code-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/code-style into .gemini/skills/code-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-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 code-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 code-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/code-style .github/skills/code-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 "code-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/code-style into .github/skills/code-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-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 code-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 code-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/code-style .opencode/skills/code-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 "code-style" agent skill from https://github.com/Pixeval/Pixeval/tree/main/.agents/skills/code-style into .opencode/skills/code-style/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-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.
code-styleCode Style is a skill in Pixeval/Pixeval (3.2k stars). Its SKILL.md is about 730 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.
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.
Code Style loads about 730 tokens when it runs. Until then it costs about 8 tokens; SKILL.md has 143 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). 143 words, ~730 tokens.
.claude/skills/code-style/SKILL.md (or your agent's skills folder).Pixeval.Utilities 或本项目里已经有的辅助函数和扩展,例如 SelectNotNull、PickMax/PickClosest、FileHelper、MakoHelper 和缓存辅助方法。[DynamicallyAccessedMembers] 避免反射失败则可以使用。[ObservableProperty] 生成器,并附在部分属性上而不是字段上来生成。App.AppViewModel.AppServiceProvider.GetRequiredService<FileLogger>() 记录日志,但若频繁抛出的异常(如 OperationCanceledException、TaskCanceledException等)则不记录。AppManagement:应用状态和生命周期管理。Controls:模板控件或控件样式,模板控件继承 TemplatedControl,成对的文件命名也使用 .axaml 和 .axaml.cs;资源字典要在 Themes/Controls.axaml 里引用。Utilities:辅助函数和扩展方法。Views:普通的用户控件,包括页面等。ViewModels:视图模型。Models:数据模型。i18n:国际化字符串资源。AvaloniaHelper 里封装好的静态属性,参数通过 Tag 属性指定。{I18N ...} 标记扩展指定本地化字符串。ControlCornerRadius、TextFillColorSecondaryBrush、SystemAccentColor 等。不要在资源字典外硬编码颜色。controls:Source.Cache,而不是直接设置 Image.Source。Views.Converters、Views.Markup、Utilities 里已有的转换器和标记扩展,不要临时在 code-behind 里手写格式化。i18n 文件夹里以语言划分,包含 JSON 文件和 Markdown 文件两种形式。i18n/Language.tt 来生成对应的 Language.cs,不要手动编辑这个文件。I18NManager.GetResource(XXXResources.XXX) 来获取字符串。禁止直接使用常量字符串: I18NManager.GetResource("XXXResources.XXX")。{I18N {x:Static xxx:XXXResources.XXX}} 标记扩展来获取字符串。禁止直接使用常量字符串: {I18N XXXResources.XXX}。i18n/xx-XX/Enum.json 中定义枚举值对应的字符串资源,并生成 Language.cs。[LocalizationMetadata],并在每个枚举值上提供 [LocalizedResource(EnumResources.XXX)] 来指定资源键,也可以通过 [LocalizedResource(Resource = "XXX")] 直接指定本地化字符串的值,在使用不需要翻译的专有英文名词时会用到(如 "http")。Models/Settings/LocalSettingsEntryHelper.cs 的静态构造函数里指定映射,参考已有示例即可。AppManagement/AppSettings.cs 中添加一个新的可读可写属性,若有必要可指定默认值。i18n/xx-XX/AppSettings.json 中添加这个设置项的名称和描述资源,并生成 Language.cs。[SettingsEntry],指定设置图标(Icon)、标题(Header)资源和描述(Description)资源,还可以指定占位符(Placeholder)资源。ViewModels/SettingsPageViewModel.cs 的 LocalGroups 属性中选择合适的设置组,注册设置项;若有必要可以指定 ValueChanged 回调或更多复杂的逻辑。Views/Settings 下实现一个 XXXSettingsCard 或 XXXSettingsExpander,继承于 IEntryControl<XXXSettingsEntry>;并在 Models/Settings/LocalSettingsEntryHelper.cs 静态构造函数里注册设置项对应的控件类型。Models\Settings\Entries 下实现一个 XXXSettingsEntry 设置类,再注册对应的设置控件。© 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/code-style of Pixeval/Pixeval.
Open the folder on GitHubat commit 30f113f
Code 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 |
|---|---|---|---|---|---|---|
| Code Style this skillPixeval/Pixeval | 3.2k | — | ~730 | 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 code-style -a claude-code`. Or copy the skill folder (.agents/skills/code-style in Pixeval/Pixeval) into .claude/skills/code-style in your project. Claude Code loads it when a task matches its description.
Run `npx skills add Pixeval/Pixeval --skill code-style -a codex`. Or copy the skill folder (.agents/skills/code-style in Pixeval/Pixeval) into .agents/skills/code-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 code-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/code-style, .gemini/skills/code-style, .github/skills/code-style and .opencode/skills/code-style in your project.
SKILL.md names no scripts, command-line tools or credentials: Code 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.
Code 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 730 tokens (SKILL.md is roughly 2.9k 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 Code 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,164 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.