adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.
74
63%
Does it follow best practices?
Impact
94%
1.16xAverage score across 3 eval scenarios
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./archived/legacy-companion/.agents/skills/adapt/SKILL.mdEvaluation results
85%
19%Field Operations Dashboard for Mobile
Mobile adaptation of desktop dashboard
Single column layout
87%
100%
Mobile navigation pattern
100%
100%
Touch target size
66%
100%
Dropdown replacement
30%
70%
No hover-only interactions
100%
100%
Minimum font size
20%
50%
Progressive disclosure
0%
30%
Core features accessible
100%
100%
Full-width components
100%
100%
Landscape orientation handled
50%
100%
Thumbs-first / sticky header
100%
100%
97%
8%Printable Market Research Report
Print adaptation of web report
Navigation removed in print
100%
100%
Interactive/web-only elements removed
62%
100%
Page breaks at logical points
58%
83%
Black and white / limited color
70%
90%
Print margins specified
100%
100%
Full URLs expanded
100%
100%
Page numbers added
100%
100%
Header or footer with title
100%
100%
Print date / metadata included
100%
100%
Chart/visualization print handling
100%
100%
100%
10%Product Launch Email
Email adaptation from web
Max width 600px
100%
100%
No wide fixed widths
100%
100%
No external CSS link
100%
100%
Inline CSS on elements
100%
100%
Table-based layout
100%
100%
Single column layout
0%
100%
No hover states
100%
100%
Styled button CTAs
100%
100%
No JavaScript
100%
100%
Deep links for interactions
100%
100%
- Repository
- The-Vibe-Company/companion
- Commit
90804d3
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.