Навыки: Дизайн

Audit outputs against provided sources, enforce grounding, and log an audit trail. Use when strict source fidelity is re...

Researches existing libraries before implementation. Required before writing any new functionality. Prevents reinventing...

Use when needing Resend design resources. Routes to brand guidelines, visual identity, and other design sub-skills.

Build a complete reservation/booking system — slot management, calendar UI, booking CRUD, confirmation emails, and Strip...

Use when reviewing stylesheets, component styles, and responsive behavior related to Use a CSS reset or normalize styles...

Framework for holding opposing positions in productive tension without premature synthesis. Use when facing paradoxes, c...

MCPのリソース指向API設計パターンを提供。URIスキーム設計、リソースモデル定義、プロバイダー実装、キャッシュ戦略、リソース変換パターンを網羅する。Anchors:• RESTful Web APIs (Leonard Richards...

Use for any in-page content edit on a WordPress site with a page builder. Covers finding elements, applying surgical edi...

Sets the posture for working on a WordPress site through Respira: report what changed on the site, stay visible during l...

Ask the user to pick a response style and persist the preference.

Use to make an existing desktop-oriented UI work on mobile and tablet, or to fix overflow, wrapping, clipping, or crampe...

Audit and fix responsive design issues across all breakpoints. Scans for fixed widths that cause mobile overflow, missin...

Design resilient CSS layouts with content-first sizing, progressive enhancement, readable reflow, and reduced-motion sup...

Design each breakpoint as its own composition instead of stacking the desktop columns. For every element decide whether...

Audit and fix responsiveness issues for movemental — breakpoint coverage, layout collapse, touch targets, typography sca...

In-session responsive audit delegate — wraps the playwright-responsive-audit-skill inline loop (detect → fix → re-verify...

Defines how layout, controls, content priority, and interactions adapt across available space. Use when the user asks to...

Skill de conversao de interface web para mobile e correcao de layout quebrado. Use quando componente nao ocupa 100% da l...

Mobile-first responsive layouts, dynamic viewport units, fluid typography, and touch target accessibility.

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint str...

Responsive layout: content determines breakpoints; test 320/375/390/768/1024/1280/1440/1920; check overflow, wrapping, a...

Build responsive, device-optimized interfaces using mobile-first approach. Covers breakpoint strategies, fluid typograph...

Implement mobile-first responsive design using modern CSS techniques. Support various screen sizes and devices effective...

Create designs that adapt seamlessly across devices and screen sizes using responsive design principles. Use for: multi-...

Implement mobile-first responsive design with Tailwind CSS breakpoints for mobile, tablet, and desktop. Use when buildin...

Modern responsive CSS patterns using container queries, fluid typography, CSS Grid, and mobile-first strategies.

Expert in responsive and mobile-first web design. Use for breakpoint strategy, fluid layout, touch targets, viewport bug...

Both directions produce working layouts, but very different amounts of CSS.

Fix responsive/mobile layout issues (320px → desktop) in the MyJKKN app with CSS-only changes — horizontal overflow, cli...

Implement performant responsive images with srcset, sizes, lazy loading, and modern formats (WebP, AVIF). Covers aspect-...

Use when you build or change a layout, page, section, navigation, table, form or image - mobile-first rules, breakpoints...

Find and fix frontend layout issues that break at small window or mobile sizes. Use when the user runs /responsive-layou...

Responsive layout considerations using CSS and Javascript. When Claude needs to build responsive, fluid layouts.

Create fully responsive page layouts for all pages and components using Tailwind CSS and Next.js App Router.

Mobile-first responsive patterns with sticky headers, floating CTAs, accessible navigation, and touch-friendly interacti...

Mobile, tablet, and desktop are different interaction paradigms — not the same layout scaled up or down. Sections can be...

Responsive design with Container Queries, fluid typography, cqi/cqb units, and mobile-first patterns for React applicati...

Use for dedicated mobile, tablet, ultrawide, touch, or breakpoint design passes where content priority, layout, navigati...

Build truly responsive SPA, MPA, or landing pages that adapt gracefully from foldable phones (280px) to ultra-wide deskt...

Create, review, and fix responsive user interfaces across mobile, tablet, laptop, and desktop sizes. Use when Codex need...

Inspect, diagnose, fix, and verify responsive frontend defects across routes, states, containers, and input modes. Use f...

Audit Laravel responsive UI with Playwright across mobile, tablet, desktop, Livewire states, overflow, clipping, forms,...

Use when implementing responsive layouts, fluid typography, responsive images, or choosing between container queries and...

手詰まりが見えている session/project を「連鎖破綻」と判定し、パッチを止めて再モデル化から建て直す recovery。局所バグなら fix へ routing し建て直さない（過剰 restart 防止）。診断→salvag...

Write or revise a paper's Experimental Results section using recipes distilled from dissecting top ML researchers' paper...

Optimizes Resume/CV Experience and Skills sections for recruiter impact — action-oriented achievements, measurable resul...

Optimizes the Resume/CV Skills section for recruiter scanning — categorized chips (Frontend, Backend, Tooling), primary...

Diagnostica e desenha retenção de app ou SaaS: por que o usuário volta (ou não) em D1, D7, D30 e D90. Audita as 5 tática...