本文へ移動
cccskills
無料GitHub で公開

Snowe UI Skill

Architecture-first UI/UX design skill for Codex that helps agents reason from product truth, user journeys, causal design decisions, art direction, interaction, responsive behavior, imagery, iconography, and motion before implementation, then validate the result through rendered browser critique.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.4 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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.

For architecture-first redesign work:

Use $snowe-ui-skill to rethink this product's experience architecture before changing its visual system, then implement and evaluate the result in the browser.

Snowe scales its process to the task. A narrow defect does not require a full redesign, while a new product or unresolved high-impact architecture can trigger deeper exploration and rendered comparison.

Live Showcase

Doppler Soda is an interactive expressive-motion benchmark showing Snowe using rich motion when the product justifies it:

https://what0ff.github.io/snowe-ui-skill/

The upstream repository also includes commerce, municipal-service, warehouse-operations, and literary-publication benchmarks demonstrating materially different architecture, imagery, asset, motion, and responsive decisions.

Source

https://github.com/What0ff/snowe-ui-skill

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Use this skill whenever the user wants to create or improve a presentation for an academic context — conference papers, seminar talks, thesis defenses, grant briefings, lab meetings, invited lectures, or any presentation where the audience will evaluate reasoning and evidence. Triggers include: 'conference talk', 'seminar slides', 'thesis defense', 'research presentation', 'academic deck', 'academic presentation'. Also triggers when the user asks to 'make slides' in combination with academic content (e.g., 'make slides for my paper on X', 'create a presentation for my dissertation defense', 'build a deck for my grant proposal'). This skill governs CONTENT and STRUCTURE decisions. For the technical work of creating or editing the .pptx file itself, also read the pptx SKILL.md.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1202026年10月9日 更新

adp

無料

Redpanda's Agentic Data Plane: governance infrastructure for building, running, and governing AI agents and MCP servers, plus a proxying AI Gateway for LLM providers, operated via `rpk ai` and the ADP API. Use when creating or managing AI agents (managed or self-managed) via `rpk ai agent` or `AgentRegistryService`; configuring MCP servers (remote or managed catalog, code mode, auth); setting up LLM providers or querying models via `rpk ai llm`/`rpk ai model` or the AI Gateway proxy; or configuring budgets, guardrails, or Cedar access-control policies through the governance APIs. Also covers reading agent transcripts and spending insights, and wiring OAuth clients or providers to the aigw Authorization Server. For the separate rpk cloud mcp control-plane MCP server, see `/redpanda:rpk-cloud`.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1202026年10月9日 更新

ads

無料

Operate professional paid advertising across Google, Meta, YouTube, LinkedIn, TikTok, Microsoft, Apple, Amazon, Reddit, Pinterest, Snapchat, and X. Use for account intake, source-grounded audits, strategy, budget and measurement planning, creative production, experiments, reporting, monitoring, and explicitly approved campaign changes. Also trigger on PPC, paid social, retail media, attribution, tracking, landing pages, cross-platform conversion totals, negative keywords or search terms, beta-feature scoring, stale platform claims, API-token or credential setup, campaign deletion, and safe Claude Ads installation or uninstall.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1202026年10月9日 更新

ads-apple

無料

Audit Apple Ads measurement, AdServices and AdAttributionKit, campaign and keyword structure, Search Match, App Store placements, custom product pages, bidding, budgets, MMP reconciliation, and policy. Use for Apple Ads, Apple Search Ads, App Store ads, Search Match, custom product pages, AdServices, or Apple app-install campaigns.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1202026年10月9日 更新

Research competitor paid-ad presence, messaging, creative, formats, landing pages, keyword and auction signals, transparent ad libraries, and strategic gaps across supported platforms. Use for competitor ads, ad libraries, ad spy, competitive PPC analysis, competitor creative, Google Ads Transparency, Meta Ad Library, or paid-media competitor research.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1202026年10月9日 更新

ads-dna

無料

Extract a public-safe brand and offer profile for paid advertising from an authorized website and operator input. Triggers on: brand DNA, brand profile, brand identity, brand style, brand colors, brand voice, visual identity, style guide, website brand analysis.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd1202026年10月9日 更新

skillmds のスキルをすべて見る

このスキルの問題を報告する