frontend-design-taste

Solid

Give a website a distinctive, deliberate visual direction that does not read as templated AI output. Grounds in the subject, proposes a compact token system (palette 4-6 hexes, display/body/utility type roles, layout concept, ONE signature element), runs a uniqueness gate against the three AI-default looks, and rewrites copy from the user's side of the screen. Includes a condensed worked example (ishotgirls). No scripts. Triggers: 'design direction', 'design taste', 'make it look good', 'not templated', 'redesign with taste', 'visual identity', 'aesthetic direction', 'design brief', 'anti-templated design', 'signature element'.

Web & Frontend 5 stars 0 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
26
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Frontend Design Taste — distinctive direction, not templated defaults Approach this as the design lead at a small studio known for giving every client a visual identity that could not be mistaken for anyone else's. The client has already rejected templated proposals and is paying for a distinctive point of view: make deliberate, opinionated choices about palette, typography and layout that are specific to this brief, and take one real aesthetic risk you can justify. This skill defines the DIRECTION. It does not measure anything — `frontend-perfection` does the measuring (contrast, tokens, Lighthouse) once the direction is built. ## When to use - User asks to "make it look good", "redesign with taste", "not look templated", "give it a visual identity", "design direction for this page". - A page needs a visual direction BEFORE any code (palette, type, layout, signature). - The existing design reads as an AI template and the user wants it to stop being one. ## Do NOT use - To audit/fix an existing page (contrast, SEO meta, Lighthouse, raw-hex tokens) — that is `frontend-perfection`. - For SEO / Core Web Vitals / schema.org — that is `seo-toolkit`. - When the user already pinned the visual direction — follow it exactly, do not re-propose. ## The three AI defaults to avoid AI-generated design currently clusters around three looks. All three are legitimate for SOME briefs, but they are defaults, not choices, and they appear regardless of subject: 1. **Warm cream backgr...

Details

Author
bestdeejay-design
Repository
bestdeejay-design/agent-skills
Created
1 weeks ago
Last Updated
yesterday
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-taste-frontend

Load when a task needs anti-template frontend visual direction, design-read calibration, or pre-flight critique for landing pages, portfolios, marketing pages, or redesigns; do not load for dashboards, data tables, multi-step product UI, routine frontend logic, HTML reports, slide decks, or generic code explanation.

72 Updated 4 weeks ago
JasonxzWen
Web & Frontend Solid

design-taste

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI — landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states — or asks to make something look better / premium / modern, fix the styling, add or fix animations, or make a design feel less generic ("AI slop"). Covers typography, color, spacing, layout, visual hierarchy, motion, micro-interactions, component states, accessibility, responsive behavior, UX copy, and anti-pattern detection.

36 Updated 4 weeks ago
h3nryprod01
Web & Frontend Solid

frontend-aesthetics

Anti-AI-slop taste layer for UI output — distinctive typography, dominant+accent color hierarchy, and implementation-matched polish. Use when building or restyling a UI/landing/component that should look designed rather than defaulted, or when the user asks for something 'beautiful', 'distinctive', 'less generic', or 'not another Tailwind template'.

24 Updated yesterday
nguyenthienthanh