frogo-sdk: Skill for Claude Code

.agents/skills/ui-ux-designer/SKILL.md

ui-ux-designer is a skill for Claude Code, Codex from frogobox/frogo-sdk. It costs 29 tokens per session (1,698 once invoked), scanned A, original, Apache-2.0.

A guide to designing digital interfaces, including user research, wireframes, design systems, accessibility, and design tools. A design system is a shared set of interface rules and reusable components.

In plain words
What is it for?
Use it to plan screens, create wireframes, build reusable components and design tokens, document design systems, and review accessibility.
Why use it?
It helps make interfaces easier to use, more consistent, and accessible to people with different needs.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: installed under .agents/ (shared by several agents).

This is frogobox/frogo-sdk's own configuration. It tells Claude Code and Codex how to work on frogo-sdk itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything frogo-sdk configures →

Reuse

Borrowing it

Nothing to install: this file belongs to frogobox/frogo-sdk. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/frogobox/frogo-sdk/master/.agents/skills/ui-ux-designer/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/frogobox/frogo-sdk

Made for: Claude Code, Codex.

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 ui-ux-designer

README.md
[![agentmods](https://agentmods.dev/badge/skills/frogobox/frogo-sdk/ui-ux-designer/github.svg)](https://agentmods.dev/skills/frogobox/frogo-sdk/ui-ux-designer)
Your own site
<a href="https://agentmods.dev/skills/frogobox/frogo-sdk/ui-ux-designer"><img src="https://agentmods.dev/badge/skills/frogobox/frogo-sdk/ui-ux-designer/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 ui-ux-designer

Your own site · 80×15
<a href="https://agentmods.dev/skills/frogobox/frogo-sdk/ui-ux-designer"><img src="https://agentmods.dev/badge/skills/frogobox/frogo-sdk/ui-ux-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 29 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,698 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. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
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.00029 $0.01698
Opus 5 $0.00015 $0.00849
Sonnet 5 $0.00006 $0.00340
Haiku 4.5 $0.00003 $0.00170

Measured 10d ago against content hash 5f54e35145e3, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

ui-ux-designer 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 10d 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.

.agents/skills/ui-ux-designer/SKILL.md · 213 lines

How it starts

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

Use this skill when

  • Working on ui ux designer tasks or workflows
  • Needing guidance, best practices, or checklists for ui ux designer

Do not use this skill when

  • The task is unrelated to ui ux designer
  • You need a different domain or tool outside this scope

Instructions

  • Clarify goals, constraints, and required inputs.
  • Apply relevant best practices and validate outcomes.
  • Provide actionable steps and verification.
  • If detailed examples are required, open resources/implementation-playbook.md.

You are a UI/UX design expert specializing in user-centered design, modern design systems, and accessible interface creation.

Purpose

Expert UI/UX designer specializing in design systems, accessibility-first design, and modern design workflows. Masters user research methodologies, design tokenization, and cross-platform design consistency while maintaining focus on inclusive user experiences.

Capabilities

Design Systems Mastery

  • Atomic design methodology with token-based architecture
  • Design token creation and management (Figma Variables, Style Dictionary)
  • Component library design with comprehensive documentation
  • Multi-brand design system architecture and scaling
  • Design system governance and maintenance workflows
  • Version control for design systems with branching strategies
  • Design-to-development handoff optimization
  • Cross-platform design system adaptation (web, mobile, desktop)

Modern Design Tools & Workflows

  • Figma advanced features (Auto Layout, Variants, Components, Variables)
  • Figma plugin development for workflow optimization
  • Design system integration with development tools (Storybook, Chromatic)
  • Collaborative design workflows and real-time team coordination
  • Design version control and branching strategies
  • Prototyping with advanced interactions and micro-animations
  • Design handoff tools and developer collaboration
  • Asset generation and optimization for multiple platforms

User Research & Analysis

  • Quantitative and qualitative research methodologies
  • User interview planning, execution, and analysis
  • Usability testing design and moderation
  • A/B testing design and statistical analysis
  • User journey mapping and experience flow optimization
  • Persona development based on research data
  • Card sorting and information architecture validation
  • Analytics integration and user behavior analysis

Read the full file on GitHub · 213 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. 10d ago First seen · 213 lines · 29 tokens per session scan A 5f54e35145e3

Subscribe to this mod's changes

ui-ux-designer is a skill published in the GitHub repository frogobox/frogo-sdk (21 stars, last pushed 7d ago), licensed Apache-2.0. It adds 29 tokens to every session and 1,698 once invoked, about $0.0001 per session on Opus 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-08-30.

Related

Other skills, from other repositories

compose-component-design

Use when designing or reviewing reusable Jetpack Compose component APIs with modifier parameters, root layout placement, caller-provided variable content, primitive content parameters, optional content, or boolean shape flags.

chrisbanes/skills · 41 tokens

review-core-correctness

Normative mandatory reviewer for correctness, contracts, architecture sanity, UX behavior, code quality and tests in the explyt spring-plugin codebase. Use during orchestrated code review of a PR, diff, commit or branch, or when asked to review correctness, logic, architecture or test coverage of plugin changes.

explyt/spring-plugin · 67 tokens

review-ui-platform

Normative reviewer for IntelliJ UI, Action System, ToolWindow, DialogWrapper, JCEF, accessibility and UI state consistency in the explyt spring-plugin. Use during orchestrated code review when the diff touches actions, tool windows, dialogs, settings panels, wizard steps, notifications, popups, renderers, icons or…

explyt/spring-plugin · 74 tokens

verify-ui

Verify UI implementation against Stitch design via a token audit (HTML ↔ Code, with X-component default-render checks) and an X-components compliance check.

ThisIsSadeghi/KMPilot · 30 tokens

using-design-system

Ensures consistent use of X-components design system instead of Material3 when working on feature UI code. Automatically activates for Composable functions in feature modules or when user mentions UI/screens/components.

ThisIsSadeghi/KMPilot · 37 tokens

m3-expressive

Material 3 Expressive design patterns for Jetpack Compose - expressive theming, motion physics, shape morphing, typography emphasis, color emphasis, and all 28 expressive components.

ahmed3elshaer/everything-claude-code-mobile · 41 tokens