All Agent Skills
41,263 results
- Framer Motion Gesturesc-jerilOfficial Framer Motion skill for gesture animations — drag, pan, tap, hover, focus, touch animations. Use when building interactive elements with drag, pan, tap, hover, or touch gestures, or when asking about Framer Motion drag constraints, gesture handlers, or interactive animations.
- Framer Motion Layoutc-jerilOfficial Framer Motion skill for layout animations — shared layout transitions, layoutId, exit animations, AnimatePresence. Use when building shared element transitions, layout animations, reorderable lists, or when asking about Framer Motion layout, layoutId, or shared transitions.
- Framer Motion Reactc-jerilOfficial Framer Motion skill for React integration — AnimatePresence, motion components, useAnimation, layout animations. Use when building React animations, using AnimatePresence, Framer Motion with Next.js, or when asking about Framer Motion React patterns, cleanup, or SSR.
- Framer Motion Scrollc-jerilOfficial Framer Motion skill for scroll-linked animations — useScroll, useTransform, scroll-triggered animations, parallax. Use when building scroll-driven animations, parallax effects, progress indicators, or when asking about Framer Motion scroll, useScroll, or scroll-linked animations.
- Framer Motion Variantsc-jerilOfficial Framer Motion skill for animation variants — state machines, orchestrated animations, stagger, repeat, sequencing. Use when building orchestrated animations, animation state machines, staggered entrances, or when asking about Framer Motion variants, transition variants, or choreographed animations.
- Frontend CraftvecnodeUse when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens.
- Frontend Design UltimatekesslerioCreate distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI.
- Frontend Editable Jastudio-yebisuarchlizheng/frontend-slides-editableの方式で日本語スライドを制作・再現する。原典固有の生成器・テンプレート・実装と個別条件を保ち、実制作例を参考に日本語の資料を作るときに使う。
- Frontend Slides Jastudio-yebisuFrontend Slidesのプリセットと固定ステージを使って、日本語のHTMLプレゼンテーションを作る。Frontend Slidesやそのスタイルを指定されたときに使う。
- GoAppwriteAppwrite Go SDK skill. Use when building server-side Go applications with Appwrite. Covers user management, database/table CRUD, file storage, and functions via API keys. Uses per-service packages and functional options pattern.
- Green Book Editorialstudio-yebisu架空書店のための緑・和文・罫線による編集誌style。
- GripguilyxQuiz the developer on the current diff with grip before it is committed or pushed. Five questions about the change, graded to a Grip Score out of 100. Use for /grip, "quiz me", "do I have a grip on this", or before pushing code the developer did not write line by line.
- Grip ExplainguilyxTurn the developer's own answers from the last grip quiz into a commit message or pull request description, so the explanation they just gave is not lost. Use for /grip-explain, "write the commit message from my quiz", "describe this change from my answers".
- Grip ReviewguilyxCheck that a reviewer actually understands a pull request before approving it, or produce five review questions for its author. Use for /grip-review, "quiz me on this PR", "review questions for this branch", "do I understand this PR".
- Grip WhiteboardguilyxOpen a whiteboard of the developer's change in their browser, with five questions pinned to its parts (why this way, a malicious actor, the data structure, where it fails, how you know), and let them defend it there. Use for /grip-whiteboard, "whiteboard this change", "let me defend this diff".
- Guizang Ppt Skill Jastudio-yebisu雑誌風・Swiss風の日本語HTMLスライドを、Guizangの実際のテンプレートで制作する。Guizangの作例や日本語版を指定されたときに使う。
- Hand Drawn Showcasestudio-yebisu章の題名に合う手描きSVGと低彩度の背景で、編集できる文字を持つ章扉PPTXを作る。
- Hands On Deckstudio-yebisu元資料の要素IDを指定し、文章・書式・配置を差分で直し、変更していない部品を照合できる。
- Hands On Deck Jastudio-yebisu元資料の要素IDを指定し、文章・書式・配置を差分で直し、変更していない部品を照合できる。
- History Before Fontdatastudio-yebisu話の順序と頁の役割を先に決め、内容に合う部品とテーマ固有の図へ渡して、検査付きの編集可能資料へ組む。
- Html Editable Jastudio-yebisuHTMLの文字と単純な図形を、受け取った人がPowerPointで個別に直せる部品へ変換し、元の表示と比較して修復する。
- Html Editable Showcasestudio-yebisuHTMLの文字と単純な図形を、受け取った人がPowerPointで個別に直せる部品へ変換し、元の表示と比較して修復する。
- Html Ppt Studio Jastudio-yebisulewislulu/html-ppt-skillの方式で日本語スライドを制作・再現する。原典固有の生成器・テンプレート・実装と個別条件を保ち、実制作例を参考に日本語の資料を作るときに使う。
- Html Scrollinestudio-yebisugongnyang/awesome-html-scrolline-deckの方式で日本語スライドを制作・再現する。原典固有の生成器・テンプレート・実装と個別条件を保ち、実制作例を参考に日本語の資料を作るときに使う。