skills.rest
yyykkkun
yyykkkunCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Designs, critiques and enhances frontend interfaces using automated UI/UX tools.

Updated Jun 2, 2026
Search Tags:#UI/UX#interface design#web design#frontend design#UX review
One-click install
npx skills add https://github.com/yyykkkun/TYUT- --skill impeccable-yyykkkun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/yyykkkun/TYUT-/tree/main/frontend/.agents/skills/impeccable
Command: npx skills add https://github.com/yyykkkun/TYUT- --skill impeccable-yyykkkun

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of designing, iterating, and improving frontend interfaces by providing tools for crafting, critiquing, and enhancing UI/UX aspects.

Core Features & Use Cases

  • Design & Build: Offers a suite of commands to design and build interfaces, including crafting features, shaping UX/UI, and iterating with live browser feedback.
  • Critique & Audit: Provides mechanisms for critiquing UI/UX and auditing for technical quality, accessibility, performance, and responsive behavior.
  • Enhance & Refine: Enhances UI/UX through animations, theming, and typography adjustments, and refines interfaces through optimization and hardening for production.
  • Use Case: If you have a new frontend project and need to establish a design system, use the 'init' command to set up the project context. Then, use 'craft' to build features or 'audit' to ensure compliance with accessibility standards.

Quick Start

Run the 'init' command to establish project context. Then, use 'craft featureName' to design and build a new feature.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I critique and audit frontend interface design for UX and accessibility compliance?▼

To critique and audit frontend interface design, you can use automated tools to evaluate UX review, visual hierarchy, and technical quality. This ensures your interface meets accessibility standards and optimizes overall performance.

What is the best way to establish a design system for a new frontend project?▼

The best way to establish a design system is by running an initialization command to set up the project context. This creates design system awareness, ensuring subsequent UI/UX design and feature crafting adhere to consistent principles.

Can I enhance UI/UX with animations and typography adjustments for production-grade interfaces?▼

Yes, you can enhance UI/UX by applying animations, theming, and typography adjustments. This refines the interface through optimization and hardening, ensuring it is production-grade and visually polished.

How do I build and iterate on web design features with live browser feedback?▼

You can build and iterate on web design features by crafting the UI and shaping the UX using specific commands. This process leverages live browser feedback to continuously refine the frontend interface design.

Do I need specific dependencies to perform a UX review on my web interface?▼

No specific dependencies are required to perform a UX review on your web interface. The tool operates independently to evaluate visual hierarchy, information architecture, and responsive behavior without external libraries.

Why does my frontend interface lack visual hierarchy and information architecture consistency?▼

Your frontend interface lacks visual hierarchy and information architecture consistency due to missing design system context. Initializing the project context first ensures all crafted features adhere to established UX principles.

Related Skills

Explore More Design & Creative Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
EmeaAppGbbEmeaAppGbb

frontend-design

Create production-grade frontend interfaces with design tokens and reusable components.

Official
Basic
NagyViktNagyVikt
2

agent-browser-verify

Automate visual and functional verification of web development servers via browser state and console output.

Community
Advanced
JoniSirvioJoniSirvio

critique

Produces UX critique reports covering layout, typography, color, accessibility, and interaction patterns.

Community
Advanced