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:20260618.989db49, 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_zsvw6h2pledc6lzg
GET https://markdownregistry.com/api/v1/resolve?ref=martinolivero/saas-builder/design-taste-frontend
GET https://markdownregistry.com/api/v1/blob/8ee1fc5e8b88db081d514d84fef715f23a1f5b97cb0b58e1e8d0c9b2ad818119
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.
martinolivero/saas-builder · skills/accessibility/SKILL.md · This skill should be used when building or reviewing UI for accessibility — keyboard navigation, screen readers, ARIA…
martinolivero/saas-builder · skills/ai-features/SKILL.md · This skill should be used when putting an LLM inside the product itself — a chatbot or support agent, AI-generated…
martinolivero/saas-builder · skills/api-design/SKILL.md · This skill should be used when designing or building an API — endpoints, routes, request/response shapes, error…
martinolivero/saas-builder · skills/architecture-primer/SKILL.md · This skill should be used when the user wants to design, plan, or decide the architecture of a system, app, or platform…
martinolivero/saas-builder · skills/auth/SKILL.md · This skill should be used when adding authentication or authorization to an app or SaaS — login, signup, sessions…
martinolivero/saas-builder · skills/data-modeling/SKILL.md · This skill should be used when designing a database schema, modeling data, choosing a database, planning migrations, or…
martinolivero/saas-builder · skills/deployment/SKILL.md · This skill should be used when shipping an app to production — setting up CI/CD, deploys, preview environments, error…
martinolivero/saas-builder · skills/frontend-performance/SKILL.md · This skill should be used when a frontend feels slow, fails Core Web Vitals, has a large bundle, or needs performance…
martinolivero/saas-builder · skills/image-to-code/SKILL.md · Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design…
martinolivero/saas-builder · skills/integrations/SKILL.md · This skill should be used when the product talks to a platform you do not control — receiving webhooks, syncing with a…
martinolivero/saas-builder · skills/landing-page/SKILL.md · This skill should be used when the user wants to create a landing page, sales page, home page, lead-capture page, or…
martinolivero/saas-builder · skills/multi-tenancy/SKILL.md · This skill should be used when several customers, organizations, teams or workspaces share one application and their…
leonxlnx/taste-skill · skills/taste-skill/SKILL.md · tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery…
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…
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…
cgallic/kai-cmo-harness · harness/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…