elite-frontend-ux-8-anti-patterns-never-do
Sub-skill of elite-frontend-ux: 8. Anti-Patterns (Never Do).
Best use case
elite-frontend-ux-8-anti-patterns-never-do is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Sub-skill of elite-frontend-ux: 8. Anti-Patterns (Never Do).
Teams using elite-frontend-ux-8-anti-patterns-never-do should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/8-anti-patterns-never-do/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How elite-frontend-ux-8-anti-patterns-never-do Compares
| Feature / Agent | elite-frontend-ux-8-anti-patterns-never-do | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Sub-skill of elite-frontend-ux: 8. Anti-Patterns (Never Do).
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 8. Anti-Patterns (Never Do) ## 8. Anti-Patterns (Never Do) | Category | Forbidden | |----------|-----------| | Visual | Purple/blue gradient on white; Inter/Roboto/Arial as display; inconsistent border-radius; >3 font weights | | UX | Confirmshaming; pre-selected options favoring company; infinite scroll without pagination; disabled submit before first attempt; placeholder-as-label | | Technical | `outline:none` without replacement; `<div onclick>` instead of `<button>`; dynamic Tailwind classes; animating layout properties | | Mobile | Touch targets <44×44px; body text <16px; horizontal content scroll; no tap feedback | | Dark patterns | Fake urgency/scarcity; cancellation harder than signup; auto-ticking consent checkboxes | ---
Related Skills
taxact-browser-automation-patterns
Patterns for automating TaxAct Business online (Ionic SPA) via Chrome browser MCP tools — field interaction, navigation, shadow DOM handling
orcawave-orcaflex-semantic-proof-wave-closeout
Close out an OrcaWave/OrcaFlex semantic-proof wave after a PR merges, split unrelated CI blockers, and seed the next semantic-proof issue wave without duplicating existing issues.
iterative-plan-redraft-semantic-guardrails
Harden a repeatedly re-reviewed documentation/contract plan after adversarial reviewers keep finding semantic gaps despite new test rows.
gguf-quantization
GGUF format and llama.cpp quantization for efficient CPU/GPU inference. Use when deploying models on consumer hardware, Apple Silicon, or when needing flexible quantization from 2-8 bit without GPU requirements.
shell-script-hardening-patterns
Harden Bash automation scripts with TDD-first static and behavioral checks, safe Python invocation via uv, locking, persistent state, and review-driven correction loops.
semantic-taxonomy-reporting-consistency
Keep semantic-diff taxonomy summaries consistent with evidence tables when adding richer categories to legacy comparison/reporting pipelines.
semantic-search-setup
Setup vector embeddings and semantic search for document collections. Use for AI-powered similarity search, finding related documents, and preparing knowledge bases for RAG systems.
frontend-design
Create distinctive, production-grade web interfaces with high design quality. Use for components, pages, dashboards, and full applications that need to stand out from generic AI aesthetics.
repo-cleanup-conflict-resolution-patterns
Sub-skill of repo-cleanup: Conflict Resolution Patterns (+2).
repo-structure-never-tests-inside-src
Sub-skill of repo-structure: NEVER: tests/ inside src/ (+7).
git-advanced-9-monorepo-patterns
Sub-skill of git-advanced: 9. Monorepo Patterns.
docker-4-networking-patterns
Sub-skill of docker: 4. Networking Patterns (+1).