How to use the new impeccable skill in the GitHub Copilot app
Summary
GitHub's new Impeccable skill in Copilot app acts as an AI design partner, enabling solo developers to redesign projects through iterative chat without design expertise. One developer redesigned Pocket Cal with improved typography, UI interactions, and drag-and-drop features—all while maintaining URL-based state sharing.
Key Takeaways
- Use Impeccable skill as a design collaboration tool by enabling it in GitHub Copilot app settings, then iterate through multiple chat rounds to refine specific UI elements like typography, component groups, and interaction patterns.
- Non-designers can leverage AI to tackle design decisions like serif font selection for branding elements and improving drag-and-drop usability without hiring external designers.
- Iterate on design feedback through back-and-forth conversations with Impeccable, requesting specific polish like event group redesigns and nice-to-have features before implementing in code.
- Create pull requests directly from the GitHub Copilot app after design work is complete, streamlining the workflow from design iteration to code submission.
- Maintain application state in URLs to support collaborative design workflows where design decisions can be tested and shared without requiring backend infrastructure.
Related topics
Transcript Excerpt
Hi, I just used the new impeccable skill built into the GitHub Copilot app to help me redesign one of my open source projects. This is my project right here. Pocket Cal is a free web app that lets you select dates and instantly share them. You don't have to make an account or anything because the entire state of the app is in the URL. It's kind of fun. Now, I first built this app back last year and I kept the design pretty simple. I am not a designer myself and I've been wanting to redesign it and figure out what to do and I used this impeccable skill to kind of be my design partner in that. And so when you use the app, you can click dates around and you could say, "Okay, I want to select this date and this date." and it'll change the URL and I can share that link with you. Now, after usin…