How does this skill avoid 'generic AI' aesthetics?

It explicitly rejects overused defaults like the Inter font or purple-on-white gradients, instead using unique typography, asymmetric layouts, and intentional color palettes based on specific design movements.

What frameworks are supported by this skill?

The skill is highly flexible and can generate production-grade code for React, Vue, Tailwind CSS, or vanilla HTML/CSS/JS depending on your project requirements.

Can I specify a particular design style like 'Minimalist'?

Absolutely. You can request any aesthetic direction from brutally minimal and industrial to maximalist chaos or luxury refined, and the skill will adapt its coding patterns accordingly.

Does it include animations and interactions?

Yes, it prioritizes high-impact motion design, including staggered page reveals, scroll-triggered animations, and sophisticated hover states for a polished feel.

Frontend Design Pro

Name: Frontend Design Pro
Author: partme-ai

bypartme-ai

•

Design Tools

Generates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated layouts.

The Frontend Design skill transforms Claude into a specialized UI/UX engineer capable of producing sophisticated, 'non-AI' looking web interfaces. It focuses on intentional design thinking—prioritizing bold typography, unique spatial compositions, and high-impact motion over predictable templates. Whether building landing pages, complex dashboards, or bespoke React components, this skill ensures every output has a clear aesthetic point-of-view, utilizing advanced CSS techniques like gradient meshes, grain overlays, and custom motion paths to deliver unforgettable user experiences.

Key Features

01Sophisticated Motion: Crafts orchestrated page reveals and micro-interactions using CSS and Motion libraries.

02Curated Typography: Replaces generic system fonts with distinctive, characterful pairings for a premium feel.

03Aesthetic Intentionality: Commits to specific styles like brutalism, retro-futurism, or editorial minimalism.

04Production-Grade Code: Delivers clean, responsive, and functional code ready for deployment.

0537 GitHub stars

06Advanced Visual Effects: Implements sophisticated textures, noise, and geometric patterns for depth.

Use Cases

01Creating a high-conversion landing page with a unique, memorable visual identity.

02Developing interactive, data-heavy dashboards with refined spacing and typography.

03Designing a custom React component library that avoids standard UI kit aesthetics.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add partme-ai/full-stack-skills frontend-design

For use in Claude.ai and ChatGPT

Download Skill