skills.rest
compozy
compozyOFFICIAL
Explore all skills by this author →
Website𝕏@compozyaiGitHub

impeccable

Designs and refines web/app UI with attention to UX quality and accessibility.

182|8|Updated Apr 4, 2026
Search Tags:#accessibility#ui-ux#design-system#responsive-design#frontend-design#ux-audit#production-harden
One-click install
npx skills add https://github.com/compozy/agh --skill impeccable-compozy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/compozy/agh/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/compozy/agh --skill impeccable-compozy

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you turn rough or bland UI ideas into production-grade frontend interfaces, with attention to UX quality, visual hierarchy, accessibility, and edge-case resilience.

Core Features & Use Cases

  • Frontend UX/UI shaping: Design or redesign UI structure, information architecture, and user flows across pages and components.
  • Visual and interaction refinement: Audit, critique, polish, and optimize typography, layout rhythm, color strategy, and motion.
  • Production readiness for UI: Harden interfaces with error states, loading/empty states, i18n readiness, responsive behavior, and technical UX quality checks.

Quick Start

Tell the skill to craft a UI for your target feature with impeccable quality and production-ready states.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I production-harden frontend UI for edge-case states like loading and errors?▼

You production-harden frontend UI by refining visual hierarchy, accessibility, and responsive behavior, while implementing resilient empty, error, and loading states across web and app surfaces.

What is the best way to audit and refine UX quality for an existing dashboard interface?▼

Auditing UX quality for a dashboard involves critiquing typography, layout rhythm, and color strategy, then optimizing information architecture and interaction flows to meet strict UI-focused boundaries.

Can I use this to design responsive landing pages and product UIs from scratch?▼

Yes, you can design responsive landing pages and product UIs from scratch by establishing visual structure, applying brand register references, and shaping user flows across component architectures.

Do I need to provide specific product context files before crafting UI components?▼

Yes, you need to provide context files like PRODUCT.md and DESIGN.md so the correct brand and product register reference can be loaded to ensure accurate frontend UI generation.

How does i18n readiness factor into frontend design and production polish?▼

Internationalization (i18n) readiness is integrated during the final UI polish phase to ensure interface layouts, text strings, and responsive containers adapt seamlessly to multiple languages.

Why does my interface design break down across different responsive contexts and screen sizes?▼

Interface design breaks down across responsive contexts when layout rhythm and visual hierarchy are not optimized for varying screen sizes, requiring a systematic UX audit to correct fluid behavior and spacing.

Related Skills

Explore More Design & Creative Skills→
yasim-doneryasim-doner

impeccable

Coordinate frontend UI design workflows with DESIGN.md and product tokens.

Community
Advanced
lxb031018lxb031018
2

ui-design

Generate frontend UI design specifications with layout, typography, and color constraints.

Community
Advanced
hueyexehueyexe
3

ui-visual-composition

Critique UI composition and deliver prioritized recommendations for hierarchy, accessibility, and polish.

Community
Advanced
JoniSirvioJoniSirvio

critique

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

Community
Advanced