Description
adapt is an agent skill from the impeccable design project that rethinks an existing design so it works across different screen sizes, devices, input methods and platforms. It starts by assessing the source context: what the design was made for, whether it is desktop web or a mobile app, and which assumptions it relied on, such as a large screen, a mouse or a fast connection. It then assesses the target context, including the device type, input method, screen size, connection speed and usage patterns, and it finds what will not fit or will not work on the new platform. The skill then makes the changes, which can include breakpoints, fluid layouts and larger touch targets, while keeping the design consistent with the original. Before it starts, the skill requires the /impeccable skill, which holds the design principles and a Context Gathering Protocol, and it asks for the target platforms and usage contexts. If no design context exists yet, the user is told to run /impeccable teach first. It suits designers and front-end developers who need a single product to work on phones, tablets and desktops. Install it with npx skills add https://github.com/pbakaus/impeccable --skill adapt. On skills.sh it passes Gen Agent Trust Hub, Socket and Snyk.…
Highlights
- Assesses source and target contexts before changing anything
- Covers breakpoints, fluid layouts and touch targets
- Keeps the design consistent across screen sizes and platforms
- Requires the /impeccable skill and its design context
Ratings & Reviews
No ratings yet
Be the first to rate adapt.
People also visit
variant
Builds multiple variants of a component you're working on and helps you iterate
compose-multiplatform-patterns
Compose Multiplatform and Jetpack Compose patterns for KMP projects
dart-flutter-patterns
Production-ready Dart and Flutter patterns covering null safety
adapt FAQ
What does adapt change?
An existing design, so it works across screen sizes, devices, input methods and platforms, with breakpoints, fluid layouts and touch targets.
Does it need another skill first?
Yes. It requires the /impeccable skill, and if there is no design context yet, run /impeccable teach first.
What does it ask about?
The target platforms, devices and usage contexts, along with the device type, input method and screen size of each.
How do I install it?
Run npx skills add https://github.com/pbakaus/impeccable --skill adapt.
Which security audits does it have?
On skills.sh, Gen Agent Trust Hub, Socket and Snyk all pass.
What are the best adapt alternatives?
Popular alternatives to adapt include better-layout, arrange and flutter-build-responsive-layout. See all adapt alternatives