What design styles can I request?

You can request a wide variety of styles such as brutalist, maximalist, retro-futuristic, editorial, or industrial/utilitarian to match your project's brand.

Does it support advanced CSS features?

Absolutely. It utilizes CSS variables, complex grid/flexbox layouts, animation-delays, and visual effects like noise overlays and gradient meshes.

Can I use this for specific frameworks like React or Vue?

Yes, the skill is capable of generating production-grade code for various frameworks including React, Vue, and vanilla HTML/CSS/JS.

How does this skill avoid generic 'AI slop' aesthetics?

The skill is programmed to avoid system fonts and predictable layouts, instead opting for bold conceptual directions, unique typography, and unconventional spatial compositions.

Distinctive Frontend Design

Name: Distinctive Frontend Design
Author: Delqhi

byDelqhi

0•

디자인 도구

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices to avoid generic AI styles.

This skill empowers Claude to move beyond 'AI slop' by generating frontend components and applications with a bold, intentional aesthetic point-of-view. It focuses on high-fidelity execution of diverse design languages—ranging from brutalist and maximalist to refined luxury—by prioritizing unique typography pairings, sophisticated CSS animations, and creative spatial compositions. It is ideal for developers who need to build unforgettable web interfaces that require meticulous attention to visual detail, motion, and texture while maintaining production-grade code quality.

주요 기능

01Creates non-standard layouts using asymmetrical grids and unexpected spatial flows

02Implements advanced CSS and Motion library animations for high-impact micro-interactions

03Executes specific design philosophies like retro-futurism, brutalism, and editorial minimalism

04Adds visual depth through gradient meshes, noise textures, and decorative grain overlays

050 GitHub stars

06Generates bespoke UI components with unique typography and characterful font pairings

사용 사례

01Building a high-end marketing landing page that requires a unique brand identity

02Creating interactive portfolio components with complex scroll-triggered reveals

03Developing a luxury dashboard interface with refined typography and subtle textures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add delqhi/singularity-code frontend-design

For use in Claude.ai and ChatGPT

Download Skill