design-taste-frontend

Infer bespoke frontend design directions from briefs and generate UI specs.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill design-taste-frontend-alejandrofigini
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-taste-frontend
Source: https://github.com/AlejandroFigini/artist-portfolio/tree/main/.agent/skills/taste-skill
Command: npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill design-taste-frontend-alejandrofigini

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Anti-slop frontend workflows that overfit to templated UI patterns by inferring context and delivering bespoke, audit-ready interfaces for landing pages, portfolios, and redesigns.

Core Features & Use Cases

  • Read briefs, extract design intent, and propose non-template frontend directions that align with brand and user needs.
  • Apply real design-system concepts when applicable, ensuring scalable, maintainable interfaces without overfitting to a single library.
  • Perform pre-flight audits to validate accessibility, consistency, and visual hierarchy before implementation.
  • Generate a production-ready mapping: component table, style guidelines, and interaction patterns that a frontend team can act on.

Quick Start

Provide a design brief for a landing page or portfolio and the skill will infer the bespoke direction and return an implementable UI spec.

Frequently Asked Questions about design-taste-frontend

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

FAQPage Schema
How do I generate bespoke frontend designs from a project brief?▼

Generate bespoke frontend designs by providing a project brief, which the skill reads to infer design intent and return an implementation-ready UI specification with component mappings and interaction patterns.

How do I design a landing page without relying on generic UI templates?▼

Design a landing page without generic templates by applying design-system thinking to your brief, which infers a bespoke direction and outputs a production-ready mapping with component tables, style guidelines, and interaction patterns.

Can I audit frontend accessibility and visual hierarchy before implementation?▼

You can audit frontend accessibility and visual hierarchy before implementation using pre-flight checks that validate a11y compliance, consistency, and visual structure to ensure the UI spec is production-ready.

What is the best way to plan a portfolio redesign using design-system thinking?▼

Plan a portfolio redesign using design-system thinking by submitting your redesign brief to extract design intent, which yields a scalable, maintainable component mapping and style guidelines without overfitting to a single UI library.

Does this frontend design approach work for both landing pages and portfolios?▼

This frontend design approach works for both landing pages and portfolios, reading briefs to guide non-templated, auditable interfaces that leverage design-system concepts tailored to each specific use case.