skills.rest
saschadudkin-sketch
saschadudkin-sketchCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Provides design guidelines for UI components and applications.

Updated Mar 28, 2026
Search Tags:#UX writing#ui design#aesthetic guidelines#Typography#Motion design#Color theory#Layout#Interaction design#Responsive design
One-click install
npx skills add https://github.com/saschadudkin-sketch/rezidence4 --skill impeccable-saschadudkin-sketch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/saschadudkin-sketch/rezidence4/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/saschadudkin-sketch/rezidence4 --skill impeccable-saschadudkin-sketch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides the tools and guidelines to create visually striking and memorable UI components and applications, avoiding generic "AI slop" aesthetics.

Core Features & Use Cases

  • Design Direction: Offers a structured approach to commit to a bold aesthetic direction, including purpose, tone, constraints, and differentiation.
  • Typography: Provides guidelines for selecting and pairing fonts, including considerations for readability, scalability, and accessibility.
  • Color & Theme: Assists in building cohesive palettes, considering contrast, accessibility, and theming for light and dark modes.
  • Layout & Space: Offers best practices for spacing, asymmetry, and breaking the grid for visual rhythm.
  • Visual Details: Outlines absolute bans on design patterns and emphasizes intentional decorative elements.
  • Motion: Focuses on high-impact moments and provides guidance on animation for state changes and feedback.
  • Interaction: Offers best practices for forms, focus, and loading patterns, emphasizing fast and responsive interactions.
  • Responsive: Provides advice on mobile-first design, fluid typography, and layout adaptation.
  • UX Writing: Offers guidance on label, error, and empty state writing, prioritizing clarity and accessibility.
  • AI Slop Test: A critical quality check to ensure the interface doesn't look like AI-generated work.
  • Implementation Principles: Encourages matching complexity to aesthetic vision and varying between different aesthetics.

Quick Start

To initiate the "craft" mode, use the /impeccable craft [feature description] command.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I avoid generic AI generated UI aesthetics when designing application interfaces?▼

The AI Slop Test is a critical quality check to ensure your interface doesn't look like AI-generated work. It evaluates your UI against strict visual details and design pattern bans to maintain a distinctive, high-quality appearance.

What are the best practices for creating responsive layouts and fluid typography?▼

Best practices for responsive layouts and fluid typography involve mobile-first design and layout adaptation. You should use structured spacing, asymmetry, and break the grid intentionally to create a strong visual rhythm across devices.

How do I write UX copy for empty states and error messages that prioritizes accessibility?▼

Writing UX copy for empty states and error messages requires prioritizing clarity and accessibility. You should follow specific guidelines for labels and feedback to ensure the interaction design remains fast and responsive.

Can I use these aesthetic guidelines to build cohesive color palettes for light and dark modes?▼

Yes, you can use these aesthetic guidelines to build cohesive color palettes for light and dark modes. The system assists in considering contrast and accessibility to ensure your theme remains visually balanced across different modes.

When should I use motion design and animation for state changes in UI components?▼

You should use motion design and animation for state changes to highlight high-impact moments. The guidelines provide specific direction on using animation for feedback, ensuring interactions feel fast and responsive without unnecessary decoration.

Related Skills

Explore More Design & Creative Skills→
rafael-hcrafael-hc

frontend-blueprint

Guide UI discovery and generate atomic HTML/CSS components.

Community
Advanced
atrislabsatrislabs

design

Enforce frontend aesthetic policies for UI, component, and landing page development.

Official
Intermediate
jpmorillom1jpmorillom1

apple-design

Apply Apple design principles to web interfaces with CSS and JavaScript.

Community
Advanced
mralexsaavedramralexsaavedra
41

frontend-design

Design and implement distinctive frontend interfaces with cohesive typography, layout, and motion.

Community
Advanced