skills.rest
basmawebinfo-hub
basmawebinfo-hubCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Design, critique, audit, and improve frontend interfaces for production use.

Updated Jun 14, 2026
Search Tags:#accessibility#frontend#nextjs#ui-design#design-system#responsive-design#ux-audit
One-click install
npx skills add https://github.com/basmawebinfo-hub/lover-diet-center --skill impeccable-basmawebinfo-hub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/basmawebinfo-hub/lover-diet-center/tree/main/.opencode/skills/impeccable
Command: npx skills add https://github.com/basmawebinfo-hub/lover-diet-center --skill impeccable-basmawebinfo-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps turn vague, bland, inconsistent, or fragile frontend interfaces into production-ready experiences with stronger UX, cleaner visual systems, better accessibility, and higher implementation quality.

Core Features & Use Cases

  • End-to-end UI design workflows: Supports planning, building, critiquing, auditing, polishing, and extracting design systems for websites, landing pages, dashboards, app shells, forms, onboarding, and components.
  • Production-focused quality control: Enforces strong rules for layout, typography, color, responsive behavior, motion, accessibility, performance, and anti-pattern detection, with specialized subcommands for tasks like adapt, animate, audit, critique, polish, and harden.
  • Real project integration: Reads project context files, inspects existing code, uses local scripts for signals and detection, and can persist critique history and live-iteration state to support iterative frontend improvement inside an active codebase.

Quick Start

Ask the AI to use the impeccable skill to critique, audit, polish, or craft a specific page, component, or frontend feature in your project.

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 responsive design issues?▼

To audit frontend UI for accessibility and responsive design, you run a deterministic script-assisted analysis that inspects project context, detects anti-patterns, and enforces production-quality rules for layout, color, and motion.

What is the best way to critique and polish an existing Next.js dashboard layout?▼

The best way to critique and polish a Next.js dashboard layout is applying specialized subcommands that evaluate typography, spacing, and visual systems, persisting iteration history to continuously harden the production interface.

Can I extract a consistent design system from an existing app shell?▼

Yes, you can extract a consistent design system from an existing app shell by inspecting your codebase and project context, allowing the workflow to identify, critique, and formalize visual systems, theming, and component structures for production use.

Does this approach work for live browser iteration workflows on production websites?▼

Yes, this approach works for live browser iteration workflows on production websites by persisting critique history and state, allowing you to continuously adapt, animate, and harden active frontend codebases.

Why does my landing page UI look bland and inconsistent across different screen sizes?▼

Your landing page UI looks bland and inconsistent across screen sizes when it lacks a formalized visual system, requiring a UX audit to establish responsive behavior rules, typography standards, and spacing constraints for production quality.

Related Skills

Explore More Design & Creative Skills→
MihaiOnSoftwareMihaiOnSoftware
1

load-rules

Load user rules from ~/.ai/rules/ in defined order.

Community
Basic
chiruu12chiruu12
1

canary

Monitor production apps for errors and regressions after deployment.

Community
Advanced
SSujitXSSujitX
11

pyqt6-development

Develop cohesive PyQt6 dark themes with reusable widgets and live previews.

Community
Advanced
Busboom-FooBusboom-Foo

architecture-review

Evaluate sprint architecture updates for consistency with the baseline system.

Official
Intermediate