adapt
pbakaus / impeccable
About adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.
Install adapt
npx skills add https://github.com/pbakaus/impeccable --skill adapt基本情報
What it does
Assess source and target contexts (device type, input method, screen size, connection speed, usage patterns) to identify what won't fit or work across platforms
Apply context-specific strategies: single-column layouts and touch targets for mobile, two-column hybrid layouts for tablet, multi-column and hover states for desktop, narrow widths and inline CSS for email
Use responsive techniques including CSS Grid/Flexbox, media queries, container queries, and clamp() for fluid sizing; increase touch targets to 44x44px minimum and remove hover dependencies on touch devices
Test on real devices across orientations, browsers, and input methods rather than relying solely on browser emulation
More skills in Design & UI
frontend-design
anthropics / skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
grill-me
mattpocock / skills
A relentless interview to sharpen a plan or design.
web-design-guidelines
vercel-labs / agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
grill-with-docs
mattpocock / skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-event
larksuite / cli
Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.
prototype
mattpocock / skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.