Winui App
LanceMcCarthy/DevOpsExamples
Bootstrap, develop, and design modern WinUI 3 desktop applications with C and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and…
Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices.
Install Enforce Rules For Unocss
$ npx skills add moeru-ai/airi --skill enforce-rules-for-unocss -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install moeru-ai/airi enforce-rules-for-unocss --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/moeru-ai/airi.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/enforce-rules-for-unocss .claude/skills/enforce-rules-for-unocss && 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 "enforce-rules-for-unocss" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocss into .claude/skills/enforce-rules-for-unocss/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "enforce-rules-for-unocss", 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/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocssType 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 moeru-ai/airi --skill enforce-rules-for-unocss -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install moeru-ai/airi enforce-rules-for-unocss --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/enforce-rules-for-unocss .agents/skills/enforce-rules-for-unocss && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "enforce-rules-for-unocss" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocss into .agents/skills/enforce-rules-for-unocss/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "enforce-rules-for-unocss", 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 moeru-ai/airi --skill enforce-rules-for-unocss -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install moeru-ai/airi enforce-rules-for-unocss --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/enforce-rules-for-unocss .cursor/skills/enforce-rules-for-unocss && 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 "enforce-rules-for-unocss" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocss into .cursor/skills/enforce-rules-for-unocss/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "enforce-rules-for-unocss", 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/moeru-ai/airi.git --path .agents/skills/enforce-rules-for-unocss--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 moeru-ai/airi --skill enforce-rules-for-unocss -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install moeru-ai/airi enforce-rules-for-unocss --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/enforce-rules-for-unocss .gemini/skills/enforce-rules-for-unocss && 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 "enforce-rules-for-unocss" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocss into .gemini/skills/enforce-rules-for-unocss/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "enforce-rules-for-unocss", 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 moeru-ai/airi enforce-rules-for-unocssInstalls 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 moeru-ai/airi --skill enforce-rules-for-unocss -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/enforce-rules-for-unocss .github/skills/enforce-rules-for-unocss && 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 "enforce-rules-for-unocss" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocss into .github/skills/enforce-rules-for-unocss/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "enforce-rules-for-unocss", 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 moeru-ai/airi --skill enforce-rules-for-unocss -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install moeru-ai/airi enforce-rules-for-unocss --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/enforce-rules-for-unocss .opencode/skills/enforce-rules-for-unocss && 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 "enforce-rules-for-unocss" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/enforce-rules-for-unocss into .opencode/skills/enforce-rules-for-unocss/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "enforce-rules-for-unocss", 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
enforce-rules-for-unocss- GitHub stars
- 50k
- Token cost
- ~525 tokens
- SKILL.md length
- 204 words
- Files
- 2
- Skills in repo
- 24
- Repo updated
- First seen
- Licence
- MIT
At a glance
Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices.
- Reviewing Vue templates
- SKILL.md covers Compose Utility Classes Readably, Reuse Project Styling…, Build on Shared UI Primitives and Preserve Theme Behavior
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Component styles
What it does
Enforce Rules For Unocss is an agent skill from moeru-ai/airi. Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices. Use when creating, editing, refactoring, or reviewing Vue templates, component styles, utility classes, UnoCSS configuration, animations, icons, UI primitives, packages/ui components, or VueUse dark-mode behavior in the AIRI monorepo.
Its SKILL.md is about 530 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Development, covering Theming and dark mode, Monorepo tooling and Refactoring. It works with Vue.js. The repository describes itself as: 💖🧸 Self hosted, you-owned Grok Companion, a container of souls of waifu, cyber livings to bring them into our worlds, wishing to achieve Neuro-sama's altitude. Capable of… The licence is MIT.
When your agent uses it
- Reviewing Vue templates
- Component styles
- Utility classes
- UnoCSS configuration
Example prompts
- “/enforce-rules-for-unocss”
What it can do on your machine
Read from SKILL.md and the folder at commit ec682e2. 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 vue).
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
Enforce Rules For Unocss loads about 525 tokens when it runs. Until then it costs about 90 tokens; SKILL.md has 204 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 moeru-ai/airi at commit ec682e2, republished under its MIT licence (© moeru-ai). 204 words, ~525 tokens.
Download SKILL.mdSave it as
.claude/skills/enforce-rules-for-unocss/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- enforce-rules-for-unocss
- description
- Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices. Use when creating, editing, refactoring, or reviewing Vue templates, component styles, utility classes, UnoCSS configuration, animations, icons, UI primitives, packages/ui components, or VueUse dark-mode behavior in the AIRI monorepo.
Enforce AIRI UnoCSS Rules
Apply these rules to every affected UI file in AIRI.
Compose Utility Classes Readably
Prefer UnoCSS over Tailwind CSS.
In Vue templates, bind grouped class arrays for readability:
vue :class="[ 'px-2 py-1', 'flex items-center', 'bg-white/50 dark:bg-black/50', ]"Do not use long inline class strings such as
class="px-2 py-1 flex items-center bg-white/50 dark:bg-black/50".Do not use attributify-style groups such as
px="2" py="1" flex="~ items-center" bg="white/50 dark:black/50".If a component that you change has legacy utility classes, refactor those classes into readable grouped arrays in the same change.
Reuse Project Styling Infrastructure
- Use or extend shortcuts and rules in
uno.config.tswhen styles should be standardized or reused. - Search
apps/stage-web/src/stylesfor existing animations before adding one. Reuse or extend an existing animation when it fits. - Consult
apps/stage-web/tsconfig.jsonanduno.config.tswhen configuration context is needed. - Keep animations intuitive, lively, and readable.
Build on Shared UI Primitives
- Build primitives on
@proj-airi/ui, which is based on reka-ui, instead of raw DOM controls. - Read
docs/ai/context/ui-components.mdfor the component API andpackages/ui/src/components/Formfor implementation patterns. - When adding or updating a component in
packages/ui, updatedocs/ai/context/ui-components.mdwith its description, props, slots, and emits. - Use Iconify icon sets instead of bespoke SVGs.
Preserve Theme Behavior
- When using VueUse
useDark, setdisableTransition: falseor use an existing composable frompackages/ui.
© moeru-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in .agents/skills/enforce-rules-for-unocss of moeru-ai/airi.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit ec682e2
Compare with similar skills
Enforce Rules For Unocss 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 |
|---|---|---|---|---|---|---|
| Enforce Rules For Unocss this skillmoeru-ai/airi | 50k | — | ~525 | Automated safety check: Pass | MIT | |
| Winui AppLanceMcCarthy/DevOpsExamples | 172 | 1 repos | ~2.8k | Automated safety check: Pass | Apache-2.0 | |
| Create Docsvictorgarciaesgi/nuxt-typed-router | 413 | 2 repos | ~2.8k | Automated safety check: Pass | MIT | |
| Vue TuiSimon-He95/vue-tui | 260 | — | ~1.2k | Automated safety check: Pass | MIT | |
| Any Tdf Developmentany-tdf/any-tdf | 778 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Frontend UI Foundryjiushiwon/wg-skills | 114 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Create Docs
victorgarciaesgi/nuxt-typed-router
Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.
Vue Tui
Simon-He95/vue-tui
Terminal Vue UI development and review for @simonhe/vue-tui.
Any Tdf Development
any-tdf/any-tdf
Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…
Frontend UI Foundry
jiushiwon/wg-skills
A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…
Saleor App UI
saleor/apps
Styling and layout guide for Saleor Apps using modern macaw-ui and @saleor/apps-ui-next.
More from moeru-ai/airi
All 24 skills in this repoSimple English
moeru-ai/airi
Write or rewrite technical text with the rules of ASD-STE100 Simplified Technical English so it is clear, unambiguous, and free of AI slop.
Enforce Rules For I18n
moeru-ai/airi
Review pending AIRI translations on Crowdin in a batch, then sync them into the repository.
Upload GitHub Attachment
moeru-ai/airi
Upload a local image or file to GitHub's user-attachments storage and return a URL suitable for issue, pull request, discussion, or comment Markdown.
Create PR
moeru-ai/airi
Prepare and create an AIRI pull request with verifiable change context, architecture evidence, and required visual evidence.
Use Agent Browser For Airi
moeru-ai/airi
Test AIRI display-model imports with agent-browser across stage-tamagotchi Electron, stage-web, and stage-pocket mobile web layouts.
Agent Browser Electron
moeru-ai/airi
A skill your agent uses when Codex needs to inspect, debug, or automate an Electron app through agent-browser and Chrome DevTools Protocol, especially when the app has multiple BrowserWindow…
Related
Works with
Categories
Questions about Enforce Rules For Unocss
What does Enforce Rules For Unocss do?
Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices. Enforce Rules For Unocss is an agent skill from moeru-ai/airi. Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices.
When should I use Enforce Rules For Unocss?
Enforce Rules For Unocss fits situations like: reviewing Vue templates; component styles; utility classes; unoCSS configuration.
How do I install Enforce Rules For Unocss in Claude Code?
Run `npx skills add moeru-ai/airi --skill enforce-rules-for-unocss -a claude-code`. Or copy the skill folder (.agents/skills/enforce-rules-for-unocss in moeru-ai/airi) into .claude/skills/enforce-rules-for-unocss in your project. Claude Code loads it when a task matches its description.
How do I install Enforce Rules For Unocss in Codex?
Run `npx skills add moeru-ai/airi --skill enforce-rules-for-unocss -a codex`. Or copy the skill folder (.agents/skills/enforce-rules-for-unocss in moeru-ai/airi) into .agents/skills/enforce-rules-for-unocss in your project. Codex loads it when a task matches its description.
Can I use Enforce Rules For Unocss 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 moeru-ai/airi --skill enforce-rules-for-unocss -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/enforce-rules-for-unocss, .gemini/skills/enforce-rules-for-unocss, .github/skills/enforce-rules-for-unocss and .opencode/skills/enforce-rules-for-unocss in your project.
What does Enforce Rules For Unocss need to run?
SKILL.md names no scripts, command-line tools or credentials: Enforce Rules For Unocss is instructions for the agent only.
Does Enforce Rules For Unocss 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 Enforce Rules For Unocss 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 Enforce Rules For Unocss use?
Enforce Rules For Unocss 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 Enforce Rules For Unocss use?
About 525 tokens (SKILL.md is roughly 2.1k 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 Enforce Rules For Unocss?
Skills that share tags, products or a category with Enforce Rules For Unocss: Winui App (LanceMcCarthy/DevOpsExamples, 172 stars), Create Docs (victorgarciaesgi/nuxt-typed-router, 413 stars), Vue Tui (Simon-He95/vue-tui, 260 stars) and Any Tdf Development (any-tdf/any-tdf, 778 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Enforce Rules For Unocss?
moeru-ai (a GitHub organization) maintains it in moeru-ai/airi, which has 50,267 GitHub stars. The repository holds 24 skills in this directory. The repository was last updated on October 11, 2026.
Source: moeru-ai/airi on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.