Snowe UI Skill

Snowe UI Skill is a skill for Claude Code from skillmds/skillmd. It costs 57 tokens per session (688 once invoked), scanned A, original, MIT.

A design and implementation guide for web, mobile, and desktop products. It asks an agent to reason about user journeys and design decisions, then check the result in a rendered browser.

In plain words
What is it for?
Use it to plan and review navigation, information structure, visual style, interaction, accessibility, responsive behavior, and implementation.
Why use it?
It helps prevent coding a familiar layout before understanding what users need and how the product should work.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions Codex; $skill-name invocation.

Part of the design plugin — 17 skills shipped together

Good fit Use it to plan and review navigation, information structure, visual style, interaction, accessibility, responsive behavior, and implementation.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/skillmds/skillmd/snowe-ui-skill
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add skillmds/skillmd --skill snowe-ui-skill
Clone the repo
git clone --depth 1 https://github.com/skillmds/skillmd

Made for: Claude Code.

Or install design, the plugin that ships this one along with the rest of its 17 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for Snowe UI Skill

README.md
[![agentmods](https://agentmods.dev/badge/skills/skillmds/skillmd/snowe-ui-skill/github.svg)](https://agentmods.dev/skills/skillmds/skillmd/snowe-ui-skill)
Your own site
<a href="https://agentmods.dev/skills/skillmds/skillmd/snowe-ui-skill"><img src="https://agentmods.dev/badge/skills/skillmds/skillmd/snowe-ui-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for Snowe UI Skill

Your own site · 80×15
<a href="https://agentmods.dev/skills/skillmds/skillmd/snowe-ui-skill"><img src="https://agentmods.dev/badge/skills/skillmds/skillmd/snowe-ui-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 57 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 688 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00057 $0.00688
Opus 5.5 $0.00023 $0.00275
Sonnet 5 $0.00011 $0.00138
Haiku 4.5 $0.00006 $0.00069

Measured 4d ago against content hash 2a4944016e2a, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-23, from the pricing page.

Security

Grade A, and why

Snowe UI Skill scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/design/skills/snowe-ui-skill/SKILL.md · 71 lines

How it starts

The opening of the file, as written. The whole thing — 71 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Snowe UI Skill

Snowe is an architecture-first UI/UX design skill for Codex and compatible SKILL.md runtimes.

Use it when a coding agent needs to design, redesign, implement, or critically review a web, mobile, or desktop product without jumping directly from a brief into a familiar layout, visual style, or landing-page recipe.

Snowe works from product truth and the actual user journey, keeps high-leverage design decisions open until evidence closes them, compares materially different experience directions, and records important choices causally:

driver → design move → expected consequence → evidence → risk → revisit trigger

The skill covers experience architecture, navigation, information hierarchy, art direction, typography, color and materials, imagery, iconography, custom graphics, motion, interaction, accessibility, responsive transformation, implementation, and rendered browser evaluation.

Snowe explicitly allows outcomes such as no imagery, no custom asset, or no animation when those choices better serve the product. Local evidence can support discovery and comparison, but it does not classify the brief or define the allowable solution space.

Snowe is not a category-to-style generator or a landing-page recipe system. Its goal is to help coding agents produce more product-specific interfaces while preserving strong existing decisions and revising weak ones through rendered evidence.

Installation

No source-backed install or usage instructions could be extracted automatically. Review the upstream project before running this skill in a sensitive workflow.

Usage

Invoke Snowe from a real design or implementation task.

For an existing product:

Use $snowe-ui-skill to review this existing product, preserve what works, and improve the most consequential UX and visual-quality failures.

For a new experience:

Use $snowe-ui-skill to design and build this product from product truth through rendered QA.

Read the full file on GitHub · 71 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 4d ago First seen · 71 lines · 57 tokens per session scan A 2a4944016e2a

Subscribe to this mod's changes

Snowe UI Skill is a skill published in the GitHub repository skillmds/skillmd (1 stars, last pushed yesterday), licensed MIT. It adds 57 tokens to every session and 688 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-19.

Related

Other skills, from other repositories

ui-design

This skill should be used when the user asks to "design a component", "pick colors", "improve typography", "fix spacing", "choose a layout", or discusses visual design, CSS, styling decisions, or responsive interfaces. Provides patterns for typography scales, color systems, spacing, and production-grade UI design.

dean0x/devflow · 67 tokens

accessibility

This skill should be used when the user asks to "add accessibility", "check ARIA", "handle keyboard navigation", "add focus management", or creates UI components, forms, or interactive elements. Provides WCAG 2.2 AA patterns for keyboard navigation, ARIA roles and states, focus management, color contrast, and screen…

dean0x/devflow · 73 tokens

designer-skill

Prescriptive frontend design guidance via the designer-skill MCP server. Use when the user asks to use designer-skill, improve UI/UX, run the anti-slop ship gate, apply a design system, or enhance pages/components with MCP-backed design references — especially for Pythinker docs and marketing surfaces with…

PyModel/pythinker-cli · 72 tokens

ui-audit

Audit UI for design token compliance and component adoption. Static grep-based analysis against the sitemap's page and component files. Requires a design system with semantic tokens.

marcoguillermaz/Tierward · 35 tokens

frontend-taste

Premium frontend design skills that override LLM defaults. Prevents generic 'AI-looking' UI. Enforces deterministic typography, calibrated color, asymmetric layouts, spring physics, hardware-accelerated motion. Triggers: 'UI tasarla', 'design a UI', 'premium landing page', 'frontend taste', 'anti-slop', 'dashboard…

fatihkan/badi · 0 tokens

design-tokens

Project-level DESIGN.md tokens reference. When the project has a DESIGN.md file, agents producing UI / components / visuals must consult this skill to use canonical color/typography/spacing tokens rather than inventing new ones. Triggers on: UI generation, component creation, design brief, visual asset, tailwind…

fatihkan/badi · 0 tokens