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.