What’s New

taste-skill 2

2

v2 (experimental)

Added 18
  • Section 0 brief inference to read room context including industry, audience, mood, motion, and layout before generation
  • Section 2 design system mapping supporting Material, Fluent, Carbon, Polaris, Atlassian, Primer, GOV.UK, USWDS, Bootstrap, Radix, shadcn, Tailwind official, and native CSS
  • Section 5 canonical GSAP code skeletons for sticky-stack, horizontal-pan, and scroll-reveal patterns
  • Section 8 dark mode protocol with dual-mode by default and contrast and hierarchy parity
  • Section 11 redesign protocol with audit-first approach, preservation rules, and explicit modernisation levers
  • Section 12 block library schema contract for iterative block additions
Changed 6
  • Complete em-dash ban including section-numbering eyebrows, version labels in hero, photo-credit captions, decoration text strips, pills on images, version footers, locale or time strips, scroll cues, and decorative status dots
  • Ban border-t plus border-b on every row of long lists and div-based fake product UI
  • Tailwind v4 is now the default stack with Motion (rebranded Framer Motion) recommended and icons from Phosphor, HugeIcons, Radix, and Tabler only
  • Forbid raw window.addEventListener('scroll') patterns in favor of canonical GSAP code skeletons
  • taste-skill-v1 preserved at skills/taste-skill-v1/ and requires explicit install with --skill "design-taste-frontend-v1"
  • README skills table updated and 4 new sponsors added
Removed 2
  • Hand-rolled SVG icons banned
  • BETA badge removed from brutalist-skill
Deprecated 1
  • Lucide icons discouraged in favor of Phosphor, HugeIcons, Radix, and Tabler

Substantial 2026 rewrite of the default skill. New title "tasteskill: Anti-Slop Frontend Skill". Around 900 lines, Sections 0 to 14 plus Appendices A to C. Section 0: Brief inference. The agent reads the room (industry, audience, mood, motion, layout) before generating. Section 2: Brief to design system map. Material, Fluent, Carbon, Polaris, Atlassian, Primer, GOV.UK, USWDS, Bootstrap, Radix, shadcn, Tailwind official, or native CSS. Section 8: Dark mode protocol. Dual-mode by default, contrast and hierarchy parity. Section 11: Redesign protocol. Audit-first, preservation rules, explicit modernisation levers. Section 12: Block library schema. Contract for iterative block additions. Section 14: Hard pre-flight check. Every checkbox must honestly pass. Section 9: Complete em-dash ban. Section-numbering eyebrows banned. Version labels in hero banned. Photo-credit captions, decoration text strips, pills on images, version footers, locale or time strips, scroll cues, decorative status dots all banned. border-t plus border-b on every row of long lists banned. Div-based fake product UI banned. New rules: color consistency lock, shape consistency lock, page theme lock, hero discipline (max 2 lines, 20 words subtext, CTA without scroll), navigation discipline (one line, 80px max), section-layout repetition ban (at least 4 different families across 8 sections), bento cell count rule, italic descender clearance, long lists need a different UI component. Section 5: canonical GSAP code skeletons for sticky-stack, horizontal-pan, scroll-reveal. Forbidden patterns including raw window.addEventListener('scroll'). Reduced motion mandatory for MOTION_INTENSITY greater than 3. Motion claimed equals motion shown. Stack: Tailwind v4 default, Motion (rebranded Framer Motion) recommended, icons from Phosphor, HugeIcons, Radix, Tabler only. Lucide discouraged. Hand-rolled SVG icons banned. taste-skill-v1 preserved at skills/taste-skill-v1/. Install legacy explicitly with --skill "design-taste-frontend-v1". README skills table updated. CHANGELOG.md added at repo root. brutalist-skill BETA badge removed. 4 new sponsors added.

View original

Discussion