Leonxlnx/taste-skill

DirSkills catalogs 13 skills from this repository, across 2 categories: AI Engineering, Frontend.

76K stars5.2K forksView on GitHub
🎨
3w ago

Brand Kit

Brand Kit creates premium brand-guideline boards, logo systems, identity decks, and visual-world presentations with intentional logo concepting, sparse typography, and flexible grid layouts. Use it when you need a complete, presentation-ready brand system in a single image.
Frontend
76K5.2K
🎨
3w ago

Design Taste

Design Taste guides frontend implementation for landing pages, portfolios, and redesigns by inferring design direction, selecting appropriate design systems, and applying anti-slop principles. Use it when you need an interface that doesn't look templated.
Frontend
76K5.2K
🎨
3w ago

Design Taste Frontend V1

Design Taste Frontend V1 provides opinionated frontend design guidelines to avoid generic AI slop, covering typography, color, layout, motion, and interaction states. Use it to enforce consistent, high-quality UI output in React/Next.js projects.
Frontend
76K5.2K
🛡️
3w ago

Full Output Enforcement

Full Output Enforcement prevents truncated or placeholder-filled responses by requiring every requested deliverable to be generated completely. Use it for tasks that need exhaustive, unabridged output, like full files or multiple components.
AI Engineering
76K5.2K
🎨
3w ago

GPT Taste

GPT Taste enforces Python-driven layout randomization, AIDA page structure, wide editorial typography, gapless bento grids, and GSAP ScrollTriggers to produce varied, motion-rich frontend designs. Use it when building premium marketing or portfolio sites that need cinematic scrolling and non-repetitive layouts.
Frontend
76K5.2K
💎
3w ago

High-End Visual Design

High-End Visual Design defines fonts, spacing, shadows, card structures, and animations that make a website feel polished and expensive, while blocking common generic AI design patterns.
Frontend
76K5.2K
🎨
3w ago

Image to Code

Image to Code generates premium design images first, deeply analyzes them, and then implements the frontend to match them as closely as possible. Use it for heroes, landing pages, marketing sites, and any visual web task where design fidelity matters.
Frontend
76K5.2K
📱
3w ago

Imagegen Frontend Mobile

Imagegen Frontend Mobile generates premium, app-native mobile screen concepts and flows as images only. Use it for onboarding, auth, dashboards, and multi-screen app concepts when you need consistent, readable mobile UI images without code.
Frontend
76K5.2K
🎨
3w ago

Imagegen Frontend Web

Imagegen Frontend Web generates premium, conversion-aware website design references as separate horizontal images for every section. Use it when producing landing pages, marketing sites, or product comps that developers can accurately recreate.
Frontend
76K5.2K
⚙️
3w ago

Industrial Brutalist UI

Industrial Brutalist UI builds raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics, using rigid grids, extreme type contrast, utilitarian color, and analog degradation effects. Use it for data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
Frontend
76K5.2K
🎨
3w ago

Minimalist UI

Minimalist UI enforces an editorial, warm monochrome design system with bespoke typography, bento grids, and flat components, rejecting generic SaaS trends. Use for clean, document-style frontend interfaces.
Frontend
76K5.2K
🎨
3w ago

Redesign Existing Projects

Redesign Existing Projects audits current website or app design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
Frontend
76K5.2K
🎨
3w ago

Stitch Design Taste

Stitch Design Taste generates DESIGN.md files optimized for Google Stitch screen generation, encoding premium anti-generic UI standards for typography, color, layout, motion, and component behavior.
Frontend
76K5.2K