impeccable
🥈SilverImpeccable is a set of Claude + Cursor plugins that enhance LLM capabilities in UX and frontend design. It provides 17 commands and curated anti-patterns to improve design quality. Operations teams can use it to streamline design workflows and ensure consistent, high-quality outputs.
21570Updated Today
Intermediate30min to implementautomation
Saves ~60 min per use
Quick InstallView Source
git clone https://github.com/pbakaus/impeccable.gitWorks with:
Claude
Overview
About This Skill
Impeccable is a set of Claude + Cursor plugins that enhance LLM capabilities in UX and frontend design. It provides 17 commands and curated anti-patterns to improve design quality. Operations teams can use it to streamline design workflows and ensure consistent, high-quality outputs.
Setup & Installation
Quick Install
No install command available. Check the GitHub repository for manual installation instructions.
Alternative Install (Git Clone)
git clone https://github.com/pbakaus/impeccableRequirements
- Claude Code or compatible AI agent
- Works with: Claude
Quick Start Guide
1
Install the Skill
Copy the install command above and run it in your terminal.
2
Open Your AI Agent
Launch Claude Code, Cursor, or your preferred AI coding agent.
3
Try It Out
Use the prompt template or examples below to test the skill.
4
Customize
Adapt the skill to your specific use case and workflow.
Usage Examples
Prompt Template
Act as a UX/UI designer. Create a responsive landing page design for [COMPANY], a [INDUSTRY] company. Use [COLOR_PALETTE] and include the following sections: hero, features, testimonials, and CTA. Provide the HTML/CSS code and a brief design rationale.
Example Output
# Landing Page Design for GreenThumb Nursery
## Design Rationale
I've created a clean, nature-inspired design for GreenThumb Nursery's landing page that emphasizes their eco-friendly products and services. The color palette of forest green, warm beige, and soft white creates a calming, natural feel that aligns with their brand identity.
The responsive layout ensures the design works well on all devices, with mobile users getting a streamlined experience that prioritizes their most important information. The hero section features a full-width background image of lush greenery to immediately convey their brand essence.
## HTML/CSS Code
```html
<!DOCTYPE html>
<html>
<head>
<title>GreenThumb Nursery</title>
<style>
/* CSS styles here */
</style>
</head>
<body>
<!-- Page content here -->
</body>
</html>
```
The code includes semantic HTML5 elements and follows modern CSS practices with flexbox for layout and responsive design techniques.
