В каталоге 183 730 навыков в 14 категориях.
Find the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, fun...
Rename this SaaS Bootstrap project from its neutral "SaaS Bootstrap" branding to a real project name. Use when the user...
Assemble an absurdist animated-explainer video ad (~38s, 9:16) from per-scene i2v clips + their measured VO windows — re...
Assemble a cartoon / animated / hand-crafted music-video ad from a config — a sung song carries the whole narrative whil...
Write a street-interview ad from a complete inspected commercial interaction and current brand facts. Render product gue...
Render a designed 'value prop' video from a config — 3-5 noun-phrase benefit claims (<=4 words each) revealed sequential...
Assemble an expert/educator motion-graphic LISTICLE video ad from a config — a spoken authoritative voiceover carries a...
Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especia...
Any component rendered many times — cards, list rows, table cells, nav items, tiles, KPI widgets, feed entries — is a fi...
Provides intuitive find & replace CLI with JavaScript regex and string-literal mode. Use this skill when performing text...
Plans the stack, database schema and API for an app clone, from the recon map replica-recon wrote. Picks boring, managed...
Plan the stack, schema, API and build order for a replica from its recon map or supplied requirements. Use for replica a...
Rebuilds an app screen by screen from the recon map: app shell first, then the core flow as a vertical slice, then every...
Implement a replica from its recon map and architecture, starting with a working core flow. Use for building replica scr...
Single entry point for cloning apps and websites in Claude Code or Codex. Picks the mode (product, faithful, study) and...
Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with...
Create design tokens and component specs for a replica with original assets; check contrast. Use for replica design syst...
Reverse-engineers any app into a recon map: screen inventory, user flows, component list, inferred data model and a feat...
Converts a {repo-name}-analysis.md draft produced by repo-bfs-architecture into HTML. Default (no flag) produces the sec...
Git-history-derived workflows, co-change patterns, and iteration rhythms for ProAnimate. Auto-applied when planning mult...
สร้างไฟล์ HTML ไฟล์เดียวแบบโต้ตอบได้สำหรับรายงานบนเบราว์เซอร์ พร้อมตาราง, dropdown, sort/filt...
Report artifact output-format contract: decide the format by who consumes the artifact, not by which skill produces it —...
需求補洞助手（探路模式）— 專用於「白紙一張、還沒有 PRD」的場合：站在 PM、UIUX、 Backend、Frontend、QA 五個角色，掃描需求的缺漏、容易誤解的敘述、沒考慮到的 Edge Case， 以及開發前一定要確認的問題，把...
Waterfall Phase 1 - Requirements Analysis (需求分析)
EARS記法を用いた要件定義書（requirements.md）を作成・編集します。ユーザーストーリーの作成、受入基準の定義、非機能要件の整理が必要な場合に使用してください。
PRD creation with EA agent using AskUserQuestion for clarification, validation with reviewer, then BA extracts stories....
This skill should be used when the user needs to "clarify requirements", separate "functional vs non-functional requirem...
要件検証の専門スキル。要件の完全性・一貫性・実現可能性・検証可能性を体系的に評価し、品質を保証する。品質チェックリストと検証スクリプトを用いて、レビュー結果の整理と改善提案まで行う。Anchors:• Software Requiremen...
Multi-source comprehensive research using perplexity-researcher, claude-researcher, and gemini-researcher agents. Three...
Run fast, source-grounded UX research on the highest-signal problems users are experiencing with a user-specified digita...
Generate three to five solution concepts for a defined problem and score each on feasibility, impact, effort and risk. U...
Research real software analogues before designing and building a new project or substantial subsystem. Use to choose arc...
Research-first implementation workflow — before writing any code, find the best existing open-source solution. Triggered...
This skill should be used when the user asks about "how to research", "research best practices", "evaluate sources", "so...
Create evidence-grounded, citation-aware HTML research presentations from papers, research notes, datasets, technical re...
Use for workflow guidance on HOW to research effectively. Covers analyzing tickets, memories, comments, generating propo...
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...
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
80s/90s throwback with arcade fonts, CRT scanlines, neon grids, and pixel-perfect nostalgia.
外部APIや分散システムの一時的障害に対して、リトライ・タイムアウト・サーキットブレーカーを組み合わせた回復戦略を設計し、実装まで導くスキル。失敗特性の分類、指数バックオフとジッター、隔離（Bulkhead）などの適用判断を整理し、過剰リト...
Use the ReUI registry from your AI agent - find, install, and correctly use ReUI components (the 17 free building blocks...
Rule under the reuse-first law. Load before creating any new screen, component, field, store, service, mapper or procedu...
reveal.js 6.0.1 presentation architecture — section/fragment structure, HTML vs Markdown-mode authoring, theming, plugin...
Keeps brand definitions, several side by side, and turns one into a Claude Design System, DESIGN.md, VOICE.md or guide....
Extrai e documenta o sistema de design do projeto legado — paleta de cores, tipografia, espaçamentos, tokens e component...
Quinto agente do Time de Migração. Define como provar que o sistema novo é comportamentalmente equivalente ao legado, co...
Quinto agente do Time de Migração. Traduz as telas do sistema legado em especificações executáveis, fechando a lacuna en...
Documenta a interface do sistema legado a partir de screenshots — extrai componentes, layouts, fluxos de navegação e est...
對指定既有專案先按 Phase 03→02→01 逆向蒐證，再將候選結果遞回正向 Phase 01→02→03 SSOT；保留來源、信心與待決契約，按關卡推進 04→06。
Run the multi-persona review board on the current changes — frontend architecture, UX, security, performance, and QA len...
Review implemented code for Akka SDK best practices, and optionally against spec, plan, and constitution.
Visual Stack's primary tool. Build a UI wireframe and open it in an interactive review workspace where the user comments...
Run all five review agents on changes, synthesize findings, triage based on developer thinking, and fix approved items....