impeccable

Audit frontend interfaces against visual hierarchy, accessibility, and motion standards.

Updated Jul 18, 2026
One-click install
npx skills add https://github.com/arthrod/conejo-skills --skill impeccable-arthrod
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/arthrod/conejo-skills/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/arthrod/conejo-skills --skill impeccable-arthrod

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the "AI slop" problem in frontend development by enforcing strict design standards, preventing common UI anti-patterns, and ensuring that every interface element is intentional, accessible, and production-ready.

Core Features & Use Cases

  • Design System Enforcement: Automatically audits UI against a strict set of rules to prevent generic, template-like designs.
  • Context-Aware Iteration: Provides specialized commands for crafting, auditing, polishing, and animating UI components based on the project's specific platform and design register.
  • Use Case: Use this Skill to transform a bland, AI-generated dashboard into a polished, high-performance interface by running an audit to identify contrast issues, layout flaws, and anti-patterns, followed by targeted refinement commands.

Quick Start

Use the impeccable skill to audit the current project and identify design improvements.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I audit my frontend UI for accessibility and visual hierarchy issues?

You can audit and polish AI-generated UI by running targeted refinement commands that identify contrast issues and layout flaws, enforcing strict design standards to transform generic templates into production-grade interfaces.

What is the best way to prevent generic, template-like designs in frontend development?

Preventing generic, template-like designs requires enforcing strict design system rules that automatically audit UI components, ensuring every interface element is intentional, accessible, and production-ready.

Do I need Node.js to detect my project's design system and local context?

Yes, you need Node.js installed for local context analysis and design system detection, which ensures that all UI outputs are technically robust and brand-aligned across your web and native platforms.

Can I use this to animate and polish UI components across both web and native platforms?

Yes, this Skill covers the full lifecycle of UI development across web and native platforms, providing specialized commands to animate and polish components according to strict motion standards and your project's design register.

How does context-aware iteration improve high-performance interface design?

Context-aware iteration improves high-performance interface design by basing planning, auditing, and refining commands on the project's specific platform and design register, preventing common UI anti-patterns and ensuring technical robustness.

Why does my AI-generated dashboard look bland and lack visual hierarchy?

Your AI-generated dashboard looks bland because it lacks strict visual hierarchy and motion standards, often falling into UI anti-patterns that can be fixed by running a targeted audit to identify contrast issues and layout flaws.