design-taste

In the author's own words, from each skill's SKILL.md.

• brutalist-industrial

  Genre pack: raw mechanical interface — Swiss typographic print fused with military/industrial terminal aesthetics. Rigid visible grids, extreme type-scale contrast, utilitarian color (paper, ink, one signal color), hard edges, zero decoration. Use for data-heavy platforms, developer tools, portfolios, studios, or any brief wanting to feel like a declassified blueprint. Stack on the design-taste c…

  skills/brutalist-industrial/SKILL.md on GitHub (opens in a new tab)

• cinematic-motion

  Genre pack: the site-of-the-day aesthetic — the page as a film projected on studio print. Warm paper canvas, near-black ink type, one vivid electric-blue accent, grotesk display, alternating scene canvases, a scrubbed index counter, text-dissolve pins, and a drag-driven card carousel. For portfolios, product launches, agencies, and any brief that wants premium scroll-driven storytelling. Requires…

  skills/cinematic-motion/SKILL.md on GitHub (opens in a new tab)

• corporate-trust

  Genre pack: trust-first enterprise — white surfaces, one deep-blue accent, system typography, precise tables, zero decoration. For fintech, health, government, B2B platforms, and any audience whose decision rests on credibility. The identity IS the restraint: boring, on purpose, and honest. Stack on the design-taste core skill.

  skills/corporate-trust/SKILL.md on GitHub (opens in a new tab)

• dark-tech

  Genre pack: dark, precise, developer-adjacent minimalism — the Linear/Vercel/Stripe-dark school. Near-black surfaces, one restrained accent, fine hairline borders, compact type, subtle glow only on the accent, dashboard-ready density. Use for developer tools, infra products, AI platforms, and technical audiences. Stack on the design-taste core skill.

  skills/dark-tech/SKILL.md on GitHub (opens in a new tab)

• design-taste

  Anti-slop design skill for landing pages, portfolios, and marketing sites. The agent reads the brief, infers a deliberate design direction, and ships interfaces that do not look AI-generated. Ban the LLM defaults, set typography and color deliberately, run the pre-flight checklist before finishing.

  skills/design-taste/SKILL.md on GitHub (opens in a new tab)

• editorial-minimal

  Genre pack: Swiss-editorial design identity. Warm paper background, ink-black type, one vermillion accent, oversized serif display with monospaced labels, hairline grids, indexed sections, strict asymmetric composition. Use when the brief asks for a calm, editorial, print-inspired, or quietly premium feel. Stack on top of the design-taste core skill.

  skills/editorial-minimal/SKILL.md on GitHub (opens in a new tab)

• japanese-minimal

  Genre pack: wabi-sabi minimalism — rice paper, sumi ink, one seal-red accent, a Japanese mincho serif, negative space as the design, one vertical text element allowed. Calm, deliberate, quiet-luxury's unpolished cousin. Use for studios, tea/food brands, wellness, personal sites, and any brief wanting meditative restraint. Stack on the design-taste core skill.

  skills/japanese-minimal/SKILL.md on GitHub (opens in a new tab)

• neo-brutalism

  Genre pack: neo-brutalism for the web — loud consumer energy with hard discipline. Bright warm paper, ink-black 2.5px borders on everything, hard offset shadows, one dominant hot accent plus one supporting accent, chunky pills and stickers, playful copy. Use for consumer apps, agencies, crypto/tech novelty brands, and anything wanting maximum personality. Stack on the design-taste core skill.

  skills/neo-brutalism/SKILL.md on GitHub (opens in a new tab)

• playful-color

  Genre pack: bold, joyful consumer design — giant display type, thick ink outlines, flat vibrant color fields, sticker-like shapes, chunky buttons. For D2C brands, consumer apps, events, education, and youth-facing products. Fun without looking childish: the structure stays strict, only the attitude is loud. Stack on the design-taste core skill.

  skills/playful-color/SKILL.md on GitHub (opens in a new tab)

• quiet-luxury

  Genre pack: quiet luxury for premium consumer products, private banking, fashion, high-end SaaS, and personal brands. Ivory and deep ink, one metal or oxblood accent, serif display with italic emphasis, thin rules, generous whitespace, restrained motion. The expensive look comes from calm, not decoration. Stack on the design-taste core skill.

  skills/quiet-luxury/SKILL.md on GitHub (opens in a new tab)

• retro-print

  Genre pack: Risograph / 70s–80s print revival. Warm paper, pigment inks (one red + one blue maximum), halftone dot textures, misregistered ink offsets, rubber-stamp details, poster typography. Use for zines, events, agencies, food/drink brands, music, and anything wanting a warm analog voice. Stack on the design-taste core skill.

  skills/retro-print/SKILL.md on GitHub (opens in a new tab)

• taste-accessibility

  Accessibility built into generation, not bolted on after: WCAG 2.2 AA compliance checks (contrast, keyboard, focus, labels, semantics, target size, reduced motion, autocomplete, error handling), baked into every page or component the agent builds. Run before calling any UI done. Stack on the design-taste core skill.

  skills/taste-accessibility/SKILL.md on GitHub (opens in a new tab)

• taste-brand-identity

  Brand identity generation for agents: logo mark concepting, wordmark typography, lockups, clear space and minimum sizes, color application, favicon and og-image construction, and the one-page brand sheet. Use when asked to create a logo, identity, or brand assets for a product or site. Stack on the design-taste core skill.

  skills/taste-brand-identity/SKILL.md on GitHub (opens in a new tab)

• taste-code-craft

  Code-level craft for agent-built UI: semantic HTML, token-driven CSS (no hardcoded values), specificity discipline, component hygiene, zero inline styles, no dead code. The engineering half of "designed, not generated" — a beautiful page is betrayed by sloppy markup. Use when generating or auditing any frontend code. Stack on the design-taste core skill.

  skills/taste-code-craft/SKILL.md on GitHub (opens in a new tab)

• taste-code-review

  Structured review of agent-generated code: a fixed pass order (behavior → structure → taste → security → performance → accessibility), severity-ranked findings, diff discipline, and a review checklist that stops "it works" from being the bar. Use when auditing any generated or changed code. Stack on the design-taste core skill.

  skills/taste-code-review/SKILL.md on GitHub (opens in a new tab)

• taste-color

  Color craft for agent-built interfaces: palette construction in OKLCH, the 60-30-10 discipline, one-accent rule, WCAG 2.2 contrast math, semantic tokens, color-blind-safe pairs, and dark mode mapping. Use whenever picking colors, building palettes, or reviewing UI color. Stack on the design-taste core skill.

  skills/taste-color/SKILL.md on GitHub (opens in a new tab)

• taste-design-review

  Structured visual and usability audit of existing interfaces — landing pages, SaaS apps, portfolios. Screenshot-first review against taste rules, Nielsen heuristics, and accessibility floor; severity-ranked findings with specific fixes; before/after verification. Use when asked to critique, review, or improve an existing UI.

  skills/taste-design-review/SKILL.md on GitHub (opens in a new tab)

• taste-design-system

  Builds and audits design systems for agentic workflows: three-tier design tokens (primitive → semantic → component), W3C DTCG token format, spacing and type scales, color ramps, component anatomy, documentation, governance, and adoption metrics. Use when creating tokens, scaffolding a component library, or auditing an existing system for consistency. Stack on the design-taste core skill.

  skills/taste-design-system/SKILL.md on GitHub (opens in a new tab)

• taste-gsap

  GSAP implementation craft for agent-built sites: timeline architecture, gsap.context and matchMedia, ScrollTrigger pin and scrub hygiene, SplitText discipline, transform-only animation, refresh-after-fonts, and full prefers-reduced-motion gating. The 90% of award-tier motion is structure, not effects — this is that 90%. Use whenever generating GSAP animation code. Stack on the design-taste core s…

  skills/taste-gsap/SKILL.md on GitHub (opens in a new tab)

• taste-landing-page

  Landing page structure and conversion craft: the 8-second rule, audience-driven hero patterns, section order that sells (hook → problem → proof → price → close), CTA discipline, social proof placement, pricing psychology, and mobile-first section behavior. Use when generating or restructuring any marketing page. Stack on the design-taste core skill.

  skills/taste-landing-page/SKILL.md on GitHub (opens in a new tab)

• taste-motion

  Motion craft for agent-built interfaces: duration and easing tokens, entrance choreography, hover/active micro-interactions, scroll-driven reveals, layout transitions, and prefers-reduced-motion compliance. Prevents the two AI-motion crimes: nothing moves at all, or everything moves forever. Stack on the design-taste core skill.

  skills/taste-motion/SKILL.md on GitHub (opens in a new tab)

• taste-typography

  Typography craft for agent-built interfaces: pairing rules, fluid type scales, line lengths, baseline rhythm, weight discipline, legibility minimums, and the typography reasons most AI-generated pages read as cheap. Use whenever generating or reviewing any UI with text. Stack on the design-taste core skill.

  skills/taste-typography/SKILL.md on GitHub (opens in a new tab)

• taste-ux-copy

  UX writing for agent-built interfaces: voice and tone, headline formulas, button labels, microcopy, error messages, empty states, loading text, pricing labels, and inclusive language — with before/after pairs and a copy checklist. Use whenever generating any interface text. Stack on the design-taste core skill.

  skills/taste-ux-copy/SKILL.md on GitHub (opens in a new tab)

• taste-web-performance

  Core Web Vitals discipline for agent-built pages: LCP, CLS, INP budgets, font loading that doesn't shift layout, images that don't bloat, CSS/JS that doesn't block. A designed page that loads like a template is half a page. Use when generating or auditing any web page or component. Stack on the design-taste core skill.

  skills/taste-web-performance/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages 97.3k stars · 13 skills
• Wazaby tw93 🥷 Engineering habits you already know, turned into skills AI assistants like Claude Code, Codex and Cursor can run. 7.3k stars · 8 skills
• geo-sleuthby Oldcircle An agent skill that finds where a photo was taken — OpenStreetMap geometry, elevation skylines, satellite imagery and street view — and sho… 3k stars · 1 skill
• agent-skills-platformby FrancyJGLisboa Build tested agent skills and govern their lifecycle through a user-defined marketplace: evidence, discovery, updates, rollback, quarantine… 2.4k stars · 6 skills
• Pretty-mermaid-skillsby imxv AI Agent Skill to generate and render beautiful Mermaid diagrams as SVG or terminal ASCII — 15 themes, 6 diagram types, batch CLI, no brows… 1.5k stars · 1 skill
• claude-workflow-v2by CloudAI-X Universal Claude Code workflow plugin with agents, skills, hooks, and commands 1.4k stars · 14 skills