← All skills

web-taste

95 / 100 · Low risk

Fine to try.

By pproenca/dot-skills (GitHub) · design · 226 stars · scanned at commit cf93c57

Designs React 19 + Next.js 16 + Tailwind CSS experiences with real taste — starting from user goals, not pixels. Use this skill whenever the user asks you to build a page, screen, form, dashboard, or any user-facing web UI. Trigger when the user says "build a settings page", "create a dashboard", "design this properly", "I want this to feel premium", "make it look like Linear/Stripe/Vercel", or any Next.js App Router / React / Tailwind UI task. Also trigger when reviewing UI for design quality,…

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'web-taste' ] || [ -L ~/.agents/skills/'web-taste' ]; then echo 'A skill folder named web-taste already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/pproenca/dot-skills' "$d" && git -C "$d" checkout --quiet 'cf93c57cac89d6fc3e4194686000411567f5caf3' -- 'skills/.curated/web-taste' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/.curated/web-taste' ~/.agents/skills/'web-taste' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'web-taste' ~/.claude/skills/'web-taste' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for pproenca/dot-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/pproenca/dot-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/pproenca/dot-skills/)

Score history