ui-taste-skill

ui-taste-skill is a skill for Claude Code, Codex from tamnguyendinh/Anvien. It costs 55 tokens per session (1,597 once invoked), scanned A, original, MIT.

A routing skill for improving the visual design of websites, apps, and brand materials. It selects a more specific design skill for work such as redesigns, image-to-code, concept images, or Google Stitch design files.

In plain words
What is it for?
Use it for frontend redesigns, landing pages, marketing sites, image-based UI recreation, brand kits, design concepts, and DESIGN.md generation.
Why use it?
It helps direct visual-design requests to the appropriate workflow instead of applying one set of rules to every project.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions Codex.

Good fit Use it for frontend redesigns, landing pages, marketing sites, image-based UI recreation, brand kits, design concepts, and DESIGN.md generation.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/tamnguyendinh/anvien/ui-taste-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 tamnguyendinh/Anvien --skill ui-taste-skill
Clone the repo
git clone --depth 1 https://github.com/tamnguyendinh/Anvien

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-taste-skill

README.md
[![agentmods](https://agentmods.dev/badge/skills/tamnguyendinh/anvien/ui-taste-skill/github.svg)](https://agentmods.dev/skills/tamnguyendinh/anvien/ui-taste-skill)
Your own site
<a href="https://agentmods.dev/skills/tamnguyendinh/anvien/ui-taste-skill"><img src="https://agentmods.dev/badge/skills/tamnguyendinh/anvien/ui-taste-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 ui-taste-skill

Your own site · 80×15
<a href="https://agentmods.dev/skills/tamnguyendinh/anvien/ui-taste-skill"><img src="https://agentmods.dev/badge/skills/tamnguyendinh/anvien/ui-taste-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 55 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,597 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 warn 7 Sept 2026
SkillSpector: 13 findings, up to medium

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

  • medium Agent Snooping · line 39
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 40
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 41
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 42
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 43
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 44
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 45
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 46
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 47
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 48
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 56
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 57
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
  • medium Agent Snooping · line 58
    Skill enumerates or reads other installed skills. Access to other skills' SKILL.md files or the skills directory reveals prompt instructions, capabilities, and secrets that should be invisible to peer skills.
    Fix: Remove all code or instructions that list or read other skills' files or directories. Skills should operate independently; cross-skill access is a privilege escalation.
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.00055 $0.01597
Opus 5 $0.00028 $0.00798
Sonnet 5 $0.00011 $0.00319
Haiku 4.5 $0.00006 $0.00160

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

Security

Grade A, and why

ui-taste-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 11d ago.

The scan reads SKILL.md. This mod also ships 2 executable files (scripts/process-readme-buttons.mjs, skill.sh), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

internal/aicontext/skills/UI-taste-skill/SKILL.md · 101 lines

How it starts

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

UI Taste Skill Router

Skill này chỉ điều phối bộ UI-taste-skill. Không dùng file gốc này như một bộ luật thiết kế đầy đủ; luôn đọc skill con phù hợp trước khi làm.

Khi dùng

Dùng khi yêu cầu liên quan đến:

  • frontend visual taste, landing page, portfolio, marketing site, product page, hero section
  • nâng cấp UI hiện có, làm UI bớt generic, bớt AI slop, premium hơn
  • image-to-code cho website có yêu cầu thị giác cao
  • sinh ảnh concept cho web, mobile app, hoặc brand kit
  • tạo DESIGN.md cho Google Stitch
  • áp một hướng thẩm mỹ cụ thể như minimalist, brutalist, high-end/soft
  • ép output đầy đủ, không placeholder, không rút gọn

Không dùng làm skill chính cho backend, database, API, infra, bug fix logic, dashboard nghiệp vụ phức tạp, hoặc product workflow nếu yêu cầu chính không phải visual quality.

Nguyên tắc điều phối

  1. Đọc yêu cầu và xác định deliverable thật: code frontend, redesign dự án có sẵn, ảnh tham chiếu, mobile screen, brand kit, DESIGN.md, hay chỉ ép output.
  2. Chọn đúng một skill con làm primary route.
  3. Chỉ thêm skill phụ khi nó thật sự bổ sung route chính.
  4. Xác nhận file route tồn tại trước khi dùng; nếu thiếu, báo thiếu file và không giả lập nội dung skill.
  5. Mở và đọc toàn bộ SKILL.md của mọi skill con đã chọn trước khi hành động.
  6. Nếu skill con trỏ tới file phụ như DESIGN.md, asset, hoặc reference bắt buộc, đọc file đó trước khi dùng.
  7. Không nạp toàn bộ bộ skill cho mọi tác vụ; dùng progressive disclosure theo route.
  8. Khi user gọi rõ tên skill con, ưu tiên đúng skill đó trừ khi nó mâu thuẫn trực tiếp với deliverable user yêu cầu.

Route Chính

Trường hợp Primary route
Landing page, portfolio, marketing site, hero, frontend visual implementation mới skills/UI-taste-skill/skills/taste-skill/SKILL.md
Cần hành vi v1 cũ, user gọi v1, hoặc workflow đang pin v1 skills/UI-taste-skill/skills/taste-skill-v1/SKILL.md
Muốn taste rất gắt kiểu Awwwards/Codex/GPT, motion mạnh, GSAP/anti-slop nghiêm skills/UI-taste-skill/skills/gpt-tasteskill/SKILL.md
Website cần image-first: sinh ảnh trước, phân tích ảnh sâu, rồi code bám ảnh skills/UI-taste-skill/skills/image-to-code-skill/SKILL.md
Dự án/site/app đã tồn tại cần redesign hoặc polish mà không phá chức năng skills/UI-taste-skill/skills/redesign-skill/SKILL.md
Sinh ảnh tham chiếu website/landing/product comp, không code skills/UI-taste-skill/skills/imagegen-frontend-web/SKILL.md
Sinh ảnh mobile app screens/flows, không code skills/UI-taste-skill/skills/imagegen-frontend-mobile/SKILL.md
Sinh brand guidelines board, logo system, identity deck, visual world skills/UI-taste-skill/skills/brandkit/SKILL.md
Tạo design-system DESIGN.md cho Google Stitch skills/UI-taste-skill/skills/stitch-skill/SKILL.md
Output bắt buộc đầy đủ, không ..., không TODO, không placeholder skills/UI-taste-skill/skills/output-skill/SKILL.md

Read the full file on GitHub · 101 lines

Files

What ships with it

42 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. 11d ago First seen · 101 lines · 55 tokens per session scan A 3642313be444

Subscribe to this mod's changes

ui-taste-skill is a skill published in the GitHub repository tamnguyendinh/Anvien (9 stars, last pushed yesterday), licensed MIT. It adds 55 tokens to every session and 1,597 once invoked, about $0.0003 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-31.

Related

Other skills, from other repositories

app-ui-design

Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.

majiayu000/spellbook · 54 tokens

mulmoterminal-theme

Build a colour scheme of your own for MulmoTerminal — one that joins Midnight, Nord, Daylight and Solarized in Settings' theme picker and can then be pinned per project. Writes themes in /.mulmoterminal/config.json, the whole-app palette (panels, borders, accent, text), which has no UI for creating one — Settings only…

receptron/mulmoterminal · 168 tokens

ln-75-architecture-diagram-builder

Creates current or target architecture diagrams as the primary deliverable. Not for UI design, architecture audits, or invented structure.

levnikolaevich/claude-code-skills · 33 tokens

ui-design

Designs and builds React/Next/Tailwind UI and audits visual and interaction defects. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", or "audit this component". For product decisions use product-design; for browser measurements use…

mblode/agent-skills · 80 tokens

brand-design-language-reverse

Reverse-engineer the design language of any live website into structured, immediately-usable CSS design tokens, interaction/motion rules, and a feel- reproducing "recipe". Feed it a URL (Apple, FlexClip, Flourish, Stripe, Linear, any brand or SaaS site) and it produces a full breakdown — color system, typography…

aAAaqwq/AGI-Super-Team · 263 tokens

ring:validating-ux-completeness

Validating that UX specifications are complete before technical design: a read-only checklist over wireframes, states, responsive behavior, accessibility, and component-library alignment, emitting a DESIGN VALIDATED / NEEDS REVISION verdict to design-validation.md. Standalone utility — run after a product-designer…

LerianStudio/ring · 113 tokens