New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Oneware Styling

by one-ware in one-ware/OneWare

Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes).

Apache-2.0Auto-check passedFrontend & Design

Install Oneware Styling

skills CLI
$ npx skills add one-ware/OneWare --skill oneware-styling -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install one-ware/OneWare oneware-styling --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/one-ware/OneWare.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/oneware-styling .claude/skills/oneware-styling && rm -rf skills-src

Use ~/.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/

Facts

Skill name
oneware-styling
GitHub stars
147
Token cost
~1.1k tokens
SKILL.md length
496 words
Files
1
Skills in repo
6
Repo updated
First seen
Licence
Apache-2.0

At a glance

Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes).

  • Works in 8 steps: Use classes (card, primary, muted, h3,… → No hex colors in views. Use tokens with… → No local for generic looks. If two views… → …
  • Editing any .axaml view
  • SKILL.md covers Layout of the design layer, Rules for views, Adding or changing a shared… and Validation
  • Calls dotnet

What it does

Oneware Styling is an agent skill from one-ware/OneWare. Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes). Use when creating or editing any .axaml view, window, DataTemplate or style in this repo, adding or changing a style class, token or icon under src/OneWare.Essentials/Styles, or fixing visual/theme issues (Light/Dark, accent, spacing, fonts).

Its SKILL.md is about 1.1k 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 Design systems. It works with Avalonia. The repository describes itself as: Next Generation IDE for Electronics Development. The licence is Apache-2.0.

When your agent uses it

  • Editing any .axaml view
  • Style in this repo
  • Changing a style class
  • Icon under src/OneWare.Essentials/Styles

Example prompts

  • “Use the oneware-styling skill to style OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes)”
  • “/oneware-styling”

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Use classes (card, primary, muted, h3, form-row, …) instead of inline Background, Foreground,
  2. No hex colors in views. Use tokens with {DynamicResource ...} (never StaticResource for tokens), so
  3. No local for generic looks. If two views need the same look, add a class to
  4. Inside a DataTemplate/ControlTemplate, an inline {DynamicResource} does not beat a class style
  5. Icons: with the small/large/muted`/status classes. Code
  6. Don't set a UI FontFamily inline. Monospace text uses the mono class or {DynamicResource EditorFont}.
  7. Compiled bindings are on by default (AvaloniaUseCompiledBindingsByDefault), so views and DataTemplates
  8. Tool and document views sit inside dock cards already. Don't add outer borders, corner radii or edge margins.

What it can do on your machine

Read from SKILL.md and the folder at commit 1f44e1d. 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

    Shell commands in SKILL.md call:

    • dotnet

    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

Oneware Styling loads about 1.1k tokens when it runs. Until then it costs about 89 tokens; SKILL.md has 496 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~89
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k

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 one-ware/OneWare at commit 1f44e1d, republished under its Apache-2.0 licence (© one-ware). 496 words, ~1,092 tokens.

Download SKILL.mdSave it as .claude/skills/oneware-styling/SKILL.md (or your agent's skills folder).
name
oneware-styling
description
Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes). Use when creating or editing any .axaml view, window, DataTemplate or style in this repo, adding or changing a style class, token or icon under src/OneWare.Essentials/Styles, or fixing visual/theme issues (Light/Dark, accent, spacing, fonts).

OneWare styling

OneWare uses Avalonia 11.3 SimpleTheme plus a shared design layer in src/OneWare.Essentials/Styles/. The full token and class reference is docs/Styling.md. Read the relevant section before touching a view, and don't invent classes that already exist there.

Layout of the design layer

PathPurpose
Styles/OneWareTheme.axamlEntry point. Merges tokens and icons and includes every Controls/*.axaml file
Styles/Tokens.axaml, TokensDark.axaml, TokensLight.axamlColors, radii, spacing, font sizes (shared / per theme variant)
Styles/Icons.axamlMonochrome Icon.* StreamGeometry resources (24×24 frame)
Styles/Controls/<Control>.axamlOne file per control family (classes and ControlThemes)
Styles/StyleGallery.axamlShowcase of every class, opened via Help → Style Gallery in Debug builds
src/OneWare.Core/Styles/Dock.axaml, Icons.axaml, FileIcons.axamlDock chrome, multi-color DrawingImage icons, FileIcon.*

The host includes OneWareTheme.axaml once in src/OneWare.Core/App.axaml. Plugins and module views must not include it.

Rules for views

  1. Use classes (card, primary, muted, h3, form-row, …) instead of inline Background, Foreground, BorderBrush, BorderThickness, CornerRadius, FontSize, FontWeight or Padding. Margin, alignment, sizes and grid layout stay inline.
  2. No hex colors in views. Use tokens with {DynamicResource ...} (never StaticResource for tokens), so Light/Dark and accent changes apply live. Colors that come from data are exempt.
  3. No local <UserControl.Styles> for generic looks. If two views need the same look, add a class to Styles/Controls/ instead.
  4. Inside a DataTemplate/ControlTemplate, an inline {DynamicResource} does not beat a class style (template priority < style trigger). Override with a more specific selector instead.
  5. Icons: <PathIcon Data="{StaticResource Icon.Name}" /> with the small/large/muted/status classes. Code that must also run against older OneWare.Essentials packages (external plugins) uses {DynamicResource Icon.Name}.
  6. Don't set a UI FontFamily inline. Monospace text uses the mono class or {DynamicResource EditorFont}.
  7. Compiled bindings are on by default (AvaloniaUseCompiledBindingsByDefault), so views and DataTemplates need x:DataType.
  8. Tool and document views sit inside dock cards already. Don't add outer borders, corner radii or edge margins.
Show full SKILL.md (199 more words)Show less

Adding or changing a shared style

  1. Edit or create the file in src/OneWare.Essentials/Styles/Controls/. Keep one control family per file and keep the Design.PreviewWith block showing every variant.
  2. If you create a new file, add a StyleInclude for it to Styles/OneWareTheme.axaml.
  3. New tokens go in Tokens.axaml (theme-independent) or in both TokensDark.axaml and TokensLight.axaml. Define a ...Color and a ...Brush for colors.
  4. New icons go in Styles/Icons.axaml as Icon.Name and must start with the M0 0L0 0ZM24 24L24 24Z frame prefix.
  5. Add the new class or variant to Styles/StyleGallery.axaml.
  6. Document it in the matching section of docs/Styling.md (class table or bullet list), in the same style as the existing entries.
  7. Before changing the default look of a control, search src/ and studio/ for the control or class name, because every module and plugin inherits it.

Validation

  • Build the project that owns the change, for example dotnet build src/OneWare.Essentials/OneWare.Essentials.csproj -v minimal. XAML errors (bad selectors, unknown properties, missing x:DataType) only show up at build time.
  • Build studio/OneWare.Studio.Desktop/OneWare.Studio.Desktop.csproj when Core views or the dock styles change.
  • For visual checks, run the desktop app in Debug and open Help → Style Gallery in both Light and Dark themes.

© one-ware, 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

Files

Just SKILL.md in .agents/skills/oneware-styling of one-ware/OneWare.

Open the folder on GitHubat commit 1f44e1d

Compare with similar skills

Oneware Styling 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.

Oneware Styling compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Oneware Styling this skillone-ware/OneWare147—~1.1kAutomated safety check: PassApache-2.0
Impeccablebestofjs/bestofjs3.1k27 repos~2.6kAutomated safety check: PassMIT
Figma Design System Builderwarpdotdev/warp65k2 repos~4.4kAutomated safety check: PassAGPL-3.0
Figma use_figma Plugin API Ruleswarpdotdev/warp65k4 repos~4.4kAutomated safety check: PassAGPL-3.0
UI StylingOhh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT
Shadcnsupabase/evals14342 repos~4.5kAutomated safety check: PassApache-2.0

Similar skills

  • Impeccable

    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…

    3.1k GitHub starsUsed in 27 repos~2.6k tokens
    Frontend & DesignAuto-check passed

  • Figma Design System Builder

    warpdotdev/warp

    Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

    65k GitHub starsUsed in 2 repos~4.4k tokens
    Frontend & DesignAuto-check passed

  • Figma use_figma Plugin API Rules

    warpdotdev/warp

    Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

    65k GitHub starsUsed in 4 repos~4.4k tokens
    Frontend & DesignAuto-check passed

  • UI Styling

    Ohh-889/skyroc

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

    795 GitHub starsUsed in 13 repos~2.5k tokens
    Frontend & DesignAuto-check passed

  • Shadcn

    supabase/evals

    Official

    Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

    143 GitHub starsUsed in 42 repos~4.5k tokens
    Frontend & DesignAuto-check passed

  • Design System

    Ohh-889/skyroc

    Token architecture, component specifications, and slide generation.

    795 GitHub starsUsed in 11 repos~1.7k tokens
    Frontend & DesignAuto-check passed

More from one-ware/OneWare

  • Oneware Module

    one-ware/OneWare

    Creates or wires up a OneWare feature module (built-in src/OneWare.

    147 GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Fpga Project File

    one-ware/OneWare

    Format of a ONE WARE Studio .fpgaproj file and of the .deviceconf and .tbconf files next to it — which key means what, which ones have a dedicated fpga function, and which ones may only be edited by…

    147 GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Fpga Studio Control

    one-ware/OneWare

    How to drive ONE WARE Studio's FPGA project system from chat — which fpga function to call for creating a project, selecting board/toolchain/loader, setting the top entity, compiling, and running…

    147 GitHub stars~1.7k tokensUpdated today
    Auto-check passed

  • Fpga Toolchain Yosys

    one-ware/OneWare

    The Yosys/nextpnr toolchain in ONE WARE Studio — which device setting key controls which stage of the compile, what the build produces, and how to read a failed synthesis, place & route or bitstream…

    147 GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Oneware Release

    one-ware/OneWare

    Prepares a OneWare Studio version bump (StudioVersion in Base.props, Flathub/AppStream metainfo release entry, changelog).

    147 GitHub stars~397 tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Oneware Styling

What does Oneware Styling do?

Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes). Oneware Styling is an agent skill from one-ware/OneWare. Styles OneWare Avalonia UI with the shared design system (tokens, classes, icons, control themes).

When should I use Oneware Styling?

Oneware Styling fits situations like: editing any .axaml view; style in this repo; changing a style class; icon under src/OneWare.Essentials/Styles.

How do I install Oneware Styling in Claude Code?

Run `npx skills add one-ware/OneWare --skill oneware-styling -a claude-code`. Or copy the skill folder (.agents/skills/oneware-styling in one-ware/OneWare) into .claude/skills/oneware-styling in your project. Claude Code loads it when a task matches its description.

How do I install Oneware Styling in Codex?

Run `npx skills add one-ware/OneWare --skill oneware-styling -a codex`. Or copy the skill folder (.agents/skills/oneware-styling in one-ware/OneWare) into .agents/skills/oneware-styling in your project. Codex loads it when a task matches its description.

Can I use Oneware Styling 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 one-ware/OneWare --skill oneware-styling -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/oneware-styling, .gemini/skills/oneware-styling, .github/skills/oneware-styling and .opencode/skills/oneware-styling in your project.

What does Oneware Styling need to run?

Going by SKILL.md and its folder, Oneware Styling needs the command-line tools its instructions call (dotnet).

Does Oneware Styling 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 Oneware Styling 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 Oneware Styling use?

Oneware Styling 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.

How many tokens does Oneware Styling use?

About 1.1k tokens (SKILL.md is roughly 4.4k 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 Oneware Styling?

Skills that share tags, products or a category with Oneware Styling: Impeccable (bestofjs/bestofjs, 3.1k stars), Figma Design System Builder (warpdotdev/warp, 65k stars), Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars) and UI Styling (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Oneware Styling?

one-ware (a GitHub organization) maintains it in one-ware/OneWare, which has 147 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on October 7, 2026.

Source: one-ware/OneWare on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.