taste-skill

Create distinctive frontend layouts for landing pages, portfolios, and redesigns.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/meisijiya/ohMeisijiyaCode --skill taste-skill-meisijiya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-skill
Source: https://github.com/meisijiya/ohMeisijiyaCode/tree/main/skills/taste-skill
Command: npx skills add https://github.com/meisijiya/ohMeisijiyaCode --skill taste-skill-meisijiya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you create landing pages, portfolios, and redesigns that feel intentional, not generic. It reads the brief carefully, infers the right visual direction, and pushes the work toward a polished result that fits the audience and brand.

Core Features & Use Cases

  • Brief-aware design direction: Interprets page type, audience, vibe words, references, and existing brand assets before making layout or style choices.
  • Anti-template guardrails: Avoids common AI design clichés, balances typography, color, spacing, and motion, and applies strong pre-flight checks for usability and contrast.
  • Real-world use cases: Ideal for a SaaS landing page that needs a clean modern identity, a designer portfolio that should stand out from clones, or a redesign that must preserve brand continuity while improving quality.

Quick Start

Use the taste-skill to turn this brief into a distinctive frontend concept that matches the audience, vibe, and brand assets without looking templated.

Frequently Asked Questions about taste-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a distinctive landing page that doesn't look like a generic AI template?▼

To build distinctive landing pages, infer the visual direction from the brief, audience vibe, and brand assets instead of applying generic templates. This approach balances typography, color, spacing, and motion for a polished result.

What is the best way to redesign a portfolio without losing brand continuity?▼

The best way to redesign a portfolio while preserving brand continuity is to feed existing brand assets and references into the design process. This applies a visual refresh that improves layout quality while maintaining your established brand identity.

How do I apply a design system to a SaaS marketing site?▼

Applying a design system to a SaaS marketing site requires selecting typography, color, spacing, and motion disciplines. This ensures the frontend layout matches a clean modern identity and audience expectations without relying on templated output.

Does this approach handle motion and accessibility checks for frontend layouts?▼

Yes, this approach includes motion discipline and pre-flight accessibility and layout checks. These guardrails ensure the final landing pages and portfolios meet usability and contrast standards before the frontend design is finalized.

Can I use this for a personal portfolio that needs to stand out from clones?▼

Yes, you can use this for a personal portfolio that needs to stand out from clones. It interprets the brief and vibe words to push the work toward a distinctive, custom design direction that avoids common AI design clichés.