skills.rest
vonallmenalain
vonallmenalainCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Analyze frontend project files to generate design guidelines and execute technical audits.

Updated Apr 25, 2026
Search Tags:#ux design#frontend development#ui design#design guidelines#technical audit
One-click install
npx skills add https://github.com/vonallmenalain/dt --skill impeccable-vonallmenalain
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/vonallmenalain/dt/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/vonallmenalain/dt --skill impeccable-vonallmenalain

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pypdf2, opencv-python, opencv-python-headless, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps users design, redesign, and iterate on frontend interfaces for various UI elements and pages, addressing user experience, visual hierarchy, performance, and accessibility.

Core Features & Use Cases

  • Design Guidance: Provides comprehensive guidelines for UI design, including color, typography, layout, motion, and interaction design.
  • UX Review: Offers tools for conducting UX reviews and heuristic scoring.
  • Technical Checks: Performs technical quality checks for accessibility, performance, and responsive design.
  • Iterative Development: Enables live iteration on UI elements within a browser.

Quick Start

To get started, run node .agents/skills/impeccable/scripts/context.mjs. This script will set up the project context and provide guidance on the next steps.

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 performance issues?▼

To conduct a technical audit of your frontend UI for accessibility and performance, this Skill runs scripts that analyze project files and evaluate responsive design quality. It provides actionable design guidelines to address visual hierarchy and user experience problems.

Can I extract design tokens from an existing HTML, CSS, and JavaScript project?▼

Yes, you can extract design tokens from existing HTML, CSS, and JavaScript project files. The Skill executes dedicated scripts that parse your codebase to retrieve color, typography, and layout tokens, enabling consistent frontend design guidelines and iterative UI development.

What's the best way to establish design context for a new web interface?▼

The best way to establish design context for a new web interface is to run the context setup script. This initializes your project environment, analyzes your current files, and outputs tailored guidance on the next steps for UI design, UX review, and technical quality checks.

Do I need to know frontend development to use this UI design tool?▼

Yes, you need familiarity with HTML, CSS, and JavaScript to use this UI design tool effectively. It is built for implementation within software development workflows and requires technical knowledge to apply the generated design guidelines and iterate on interface elements.

How does a UX review and heuristic scoring process work for web design?▼

A UX review and heuristic scoring process works by evaluating your frontend interface against established design principles. This Skill offers dedicated tools to conduct these reviews, assessing visual hierarchy, motion, and interaction design to identify specific user experience issues in your project.

Related Skills

Explore More Design & Creative Skills→
Maccio-huangMaccio-huang

kanban-board

Generate Kanban boards with task assignments and progress tracking.

Community
Advanced
heyAyushhheyAyushh
3

web-design-guidelines

Identify UI accessibility, performance, and usability gaps using Web Interface Guidelines.

Community
Advanced
TheGoat395TheGoat395
117

visual-polish-qa

Inspect frontend visual quality across responsive layouts, typography, spacing, motion, and accessibility.

Community
Intermediate
majiayu000majiayu000
258

product-ux-expert

Apply cognitive psychology, heuristics, and WCAG 2.2 to evaluate UX.

Community
Advanced