Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# tasteskill: Anti-Slop Frontend Skill
> Landing pages, portfolios, and redesigns. Not dashboards, not data tables, not multi-step product UI.
> Every rule below is **contextual**. None of it fires automatically. First read the brief, then pull only what fits.
---
## 0. BRIEF INFERENCE (Read the Room Before Anything Else)
Before touching code or tweaking dials, **infer what the user actually wants**. Most LLM design output is bad because the model jumps to a default aesthetic instead of reading the room.
### 0.A Read these signals first
1. **Page kind** - landing (SaaS / consumer / agency / event), portfolio (dev / designer / creative studio), redesign (preserve vs overhaul), editorial / blog.
2. **Vibe words** the user used - "minimalist", "calm", "Linear-style", "Awwwards", "brutalist", "premium consumer", "Apple-y", "playful", "serious B2B", "editorial", "agency-y", "glassy", "dark tech".
3. **Reference signals** - URLs they linked, screenshots they pasted, products they named, brands they're competing with.
4. **Audience** - B2B procurement panel vs. design-conscious consumer vs. recruiter scanning a portfolio. The audience picks the aesthetic, not your taste.
…
The line at the top of this page pins the label git:20260728.202a6de, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_cz2nchjrkhuzw4tq
GET https://markdownregistry.com/api/v1/resolve?ref=sidiangongyuan/codex-skills-library/design-taste-frontend
GET https://markdownregistry.com/api/v1/blob/f0f40dbdc86b2432f35740f76755115bae8581ac8bb6e54e50c119ab938fc34c
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
sidiangongyuan/codex-skills-library · skills/app-bug-forensics/SKILL.md · Use when diagnosing or fixing user-reported application bugs. Guides evidence-backed root-cause analysis from symptoms…
sidiangongyuan/codex-skills-library · skills/app-feature-craft/SKILL.md · Use when implementing or improving a user-facing app workflow. Guides product-grade UX, frontend, backend/API behavior…
sidiangongyuan/codex-skills-library · skills/app-release-readiness/SKILL.md · Use when preparing a desktop or web app update for commit, packaging, installer validation, GitHub publication, release…
sidiangongyuan/codex-skills-library · skills/codex-session-restore/SKILL.md · Use when Codex Desktop sidebar sessions disappear, fail with systemError, or cannot continue after a model_provider…
sidiangongyuan/codex-skills-library · skills/experiment-planner/SKILL.md · Use when exploring, continuing, or accepting a deep-learning or computer-science research idea. Converts claims into…
sidiangongyuan/codex-skills-library · skills/feishu-paper-reading/SKILL.md · Search, screen, deeply read, synthesize, and publish recent research papers for a user-specified topic, window, count…
sidiangongyuan/codex-skills-library · skills/github-project-release/SKILL.md · Use when preparing or publishing a local project as a clean GitHub repository. Covers new repositories, private staging…
sidiangongyuan/codex-skills-library · skills/grill-me/SKILL.md · Use when a user asks for or clearly wants to be grilled, interviewed, or to stress-test a plan or design, including…
sidiangongyuan/codex-skills-library · skills/paper-review-panel/SKILL.md · Use when independently reviewing a research-paper draft before submission, running a mock top-conference panel…
sidiangongyuan/codex-skills-library · skills/paper-share-html/SKILL.md · Create or revise audience-ready HTML paper presentations for lab meetings and journal clubs. Use when Codex needs…
sidiangongyuan/codex-skills-library · skills/paper-visual-craft/SKILL.md · Use when designing, redrawing, or validating research-paper figures and tables, including Matplotlib plots, LaTeX…
leonxlnx/taste-skill · skills/taste-skill/SKILL.md · tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and…
coco-research/coco · skills/design-taste-frontend/SKILL.md · Use when the user asks for a landing page, marketing site, portfolio, or redesign, not dashboards or data tables…
xu123-bob/baize · agent/skills/taste-skill/1.0.0/skills/taste-skill/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
asymmetric-al/core · .agents/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
dmae97/omk · .omk/skills/taste-skill/skills/taste-skill/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
cgallic/kai-cmo-harness · harness/skills-v2/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
cgallic/kai-cmo-harness · plugins/kai-marketing-os-v2/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…