スキルとワークフロー

AI を使った作業のために、スキルとワークフローを集めています。この Wiki は それを辿れるようにしたものです。スキル名ごとに 1 項目、短い説明、始めかた、 そして作成者へのリンクを載せています。

初版の Design Skill Atlas は、7 つのデザインライブラリを対象にしていました。 今回の版では、共通のスキルフォルダに加え、Codex、Cursor、ポートフォリオ内、 公開ワークフローのスキルフォルダも索引に含めています。自作のスキルは 公開リポジトリで公開しています。他の著者が作成したスキルはコピーせず、 元のリポジトリにリンクしています。権利の帰属が未確認の項目は、明確に区別しています。

以下のコレクションから項目を選ぶと、閲覧パネルが開きます。確認済みのソースフォルダが ある場合は、その中のファイルも閲覧できます。 Markdown は読みやすく整形して表示され、元のテキストにも切り替えられます。補足の テキストファイルも同じパネルで読めます。ファイルは必要なときに取得元から読み込み、 他の著者による実装をこのリポジトリに保存することはありません。 ファイルの場所を確認できていない項目には、外部の参照先へのリンクを残しています。

やりたい作業から始める

スキルは特定の作業を進めるための指針です。ワークフローは、複数の作業、確認、承認の 手順をつなぎます。まず目標を一つに絞り、アシスタントに必要なファイルや根拠資料、 制約、期待する成果を伝えます。

Codex では、利用可能なスキルを $skill-name と指定して呼び出します。これは アシスタントへの指示であり、ターミナルのコマンドではありません。他のアシスタントでは 指定方法が異なる場合があります。インストール方法や依存関係は、元のライブラリで確認してください。

公開版に含まれるもの

この一覧には、505 件の公開スキルと 19 件の公開ワークフロー手順書を掲載しています。 自作のスキル 10 件は、公開リポジトリでソース全文を公開しています。別の 362 件は、 元の著者のリポジトリや保守されている参照先にリンクしています。残る 133 件は 権利の帰属を確認する必要があり、自作とはしていません。 現在の Wiki には、他の著者によるスキルの実装はコピーしていません。

非公開プロジェクト用のスキル 6 件は掲載していません。また、ローカルにある別の コマンドファイル 362 件は、公開できるかを個別に確認する必要があるため、ここには 含めていません。キャッシュされたベンダー製プラグインの指示も公開対象外です。 この一覧への掲載は、スキルが有効になっていること、頻繁に使われていること、 他より優れていることを意味しません。

出典と再利用

オープンソースの Wiki には、閲覧用の一覧と機械可読のカタログがあります。私が公開したスキル、Wiki の文章、 ワークフローには CC BY 4.0 を適用しています。他の著者の作品の権利とライセンスは、 それぞれの著者に帰属します。再利用の条件は、各参照先で確認してください。

出典とライセンスの説明を読む。

コレクションを探す

505 件のスキル · 19 件のワークフロー手順書 · 2026 年 9 月 8 日更新

カタログの説明、ガイド、ワークフローの手順、元のファイルは、原文の言語（主に英語）で表示しています。検索には原文の名前と説明を使います。

検索出典すべての出典自作他の著者権利の帰属が未確認種類スキルとワークフロースキルワークフローカテゴリすべてのカテゴリアセットとメディアブランドとコンテンツデータと分析開発とリリースゲームと 3Dマーケティングとグロースモーションとインタラクションプロトタイピングとテスト調査と知識UI とビジュアルシステムUX 戦略とリサーチWeb とフロントエンドワークフローとシステムワークフロー手順書iOS と Swift

524 件

絞り込みをリセット

• 0xdesign-design-labConduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.ソース全文
• a-b-test-designDesign an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured quantitatively at scale. For observing behaviour qualitatively, use `test-scenario`.ソース全文
• accessibility-auditAudit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing).ソース全文
• accessibility-test-planPlan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems).ソース全文
• accesslint-audit-and-fixFind and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to HTML-string audits.外部リンク
• ad-preflight-reviewPreflight ad copy, landing pages, claims, disclosures, creative metadata, and launch materials before ads ship. Use when the user mentions ad review, paid social preflight, Meta Ads, Google Ads, LinkedIn Ads, TikTok Ads, landing-page mismatch, regulated claims, testimonials, health claims, financial claims, or…ソース全文
• add-mouse-driven-orbitAdd restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations. Use for passive cinematic 3D heroes, pointer-responsive scenes, organic model parallax, and interactive depth where OrbitControls would…ソース全文
• add-shader-cursor-trailAdd the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film grain, and protected by static, touch, accessibility, SSR, and performance fallbacks. Use when a user asks for this…ソース全文
• addyosmani-frontend-ui-engineeringBuilds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.ソース全文
• addyosmani-web-quality-auditComprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".ソース全文
• advanced-evaluationThis skill should be used when the user asks to "implement LLM-as-judge", "compare model outputs", "create evaluation rubrics", "mitigate evaluation bias", or mentions direct scoring, pairwise comparison, position bias, evaluation pipelines, or automated quality assessment.ソースなし
• aesthetic-usabilityApply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction. Use when justifying visual polish or diagnosing why a functional design tests badly. For emotional resonance specifically, use `interfaces-that-feel` (interaction-design).ソース全文
• affinity-diagramCluster many qualitative data points into themes and insight statements. Use when synthesising across multiple sessions or sources. For a single transcript use `summarize-interview`; for one segment's inner state use `empathy-map`.ソース全文
• agency-grid-layout-minimalCreate a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.ソース全文
• agents-sdkBuild AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat applications, voice agents, or browser automation. Covers Agent class, state management, callable RPC, Workflows, durable execution, queues,…ソース全文
• agents-with-tasteTransfer explicit UI taste into agent output. Use when polishing motion, micro-interactions, typography, hierarchy, spacing, or component feel; when a UI works but feels off, abrupt, generic, or under-crafted; or when turning subjective design feedback into concrete code changes.ソースなし
• algorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright…ソースなし
• ambient-section-particlesAdd a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or settling, pointer disturbance, visibility pausing, responsive limits, and reduced-motion fallbacks. Use for petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand…ソース全文
• analytics-consent-auditAudit analytics, consent mode, pixels, tag managers, local consent storage, and conversion-event firing for marketing sites. Use when the user mentions GA4, Google Tag Manager, Meta Pixel, consent banner, cookie preferences, localStorage consent, attribution loss, conversion tracking, or privacy-page tracking…ソース全文
• animateBuild an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a…ソース全文
• animate-expoBuild animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and…ソース全文
• animation-on-scrollCreate an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element animations when they enter the viewport.ソース全文
• animation-principlesApply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.ソース全文
• animation-systemsUse when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.ソース全文
• animation-vocabularyReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and…ソース全文
• antfu-slidevCreate and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.ソース全文
• anthropics-canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.ソース全文
• apple-designApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading),…ソース全文
• apply-bauhaus-designDevelop design through Bauhaus workshop inquiry joining art, craft, materials, technology, production, and social purpose. Use when explicitly invoked, with the historical phase stated.ソースなし
• apply-eames-purposeful-designDesign from genuine human need, constraints, material interaction, communication, and iterative prototypes using the Eames approach. Use when explicitly invoked to audit or create.ソースなし
• apply-gestalt-visual-principlesDiagnose and design perceptual grouping, hierarchy, figure-ground organization, and competing visual cues using classic and later Gestalt research. Use when explicitly invoked.ソースなし
• apply-maeda-simplicityApply John Maeda's ten Laws of Simplicity as a tension system balancing reduction, organization, time, learning, context, emotion, trust, and failure. Use when explicitly invoked.ソースなし
• apply-miesian-minimalismRefine design through Miesian structural order, spatial clarity, material precision, and disciplined detail. Use when explicitly invoked for rigorous reduction rather than generic minimal styling.ソースなし
• apply-nielsen-usability-heuristicsConduct a structured heuristic evaluation using Jakob Nielsen's ten usability heuristics, artifact evidence, severity, and remediation. Use when explicitly invoked to inspect an interface.ソースなし
• apply-norman-human-centered-designDiagnose and design goal formation, action, feedback, conceptual models, constraints, and recovery using Don Norman's interaction framework. Use when explicitly invoked for human-centered design.ソースなし
• apply-rams-good-designApply Dieter Rams's good-design principles as interacting product, lifecycle, and responsibility constraints. Use when explicitly invoked to audit or create a durable design across disciplines.ソースなし
• apply-sullivan-form-follows-functionDerive expressive form from differentiated purpose using Louis Sullivan's form-ever-follows-function argument. Use when explicitly invoked to audit or create across design disciplines.ソースなし
• approval-boundary-designerMap AI workflow actions to appropriate human approval, revalidation, rollback, and audit requirements. Use when an agent may write, publish, send, spend, delete, merge, deploy, change provider state, affect people, or perform another externally visible or difficult-to-recover action. Also use when approvals are broad,…ソースなし
• article-prompts-to-skillsConvert an article, tutorial, or prompt pack into focused reusable AgentSkills, one independent capability per skill, with portable instructions, example prompts, working demos, preview screenshots, validation, gallery updates, and a narrow commit. Use when the user asks to turn an article's prompts, tutorial…ソース全文
• artifact-template-demand-to-conversion-funnelCreate an image using the Demand-to-Conversion Funnel template and its retained reference file. Use when the user selects this template, names Demand-to-Conversion Funnel, or explicitly invokes $artifact-template-demand-to-conversion-funnel. Create executive-ready demand-to-conversion funnel diagrams with this…ソースなし
• ask-sonnerGuide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear,…ソース全文
• atmosphere-backgroundCreate a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.ソース全文
• audio-integrationSet up and manage Gemini TTS audio for blog posts, projects, and pages. Use when enabling audio narration, generating audio files, or configuring voice settings.ソースなし
• audit-reference-originalityAudit a website or digital experience against its supplied source references for originality and plagiarism risk. Use when Codex must compare current or historical site output with reference pages, capture packs, screenshots, copy, brands, numbers, images, assets, videos, layouts, motion, or code; raise…ソース全文
• audit-verify-explain-grade-5Audit work, verify claims with concrete evidence, and explain the result in simple grade-5 language. Use when the user asks to review, audit, check, verify, explain a change, explain a fix, summarize test results, validate whether something works, or translate technical findings into plain language for non-technical…ソース全文
• audit-websiteAudit websites for SEO, technical, content, and security issues using squirrelscan CLI. Returns LLM-optimized reports with health scores, broken links, meta tag analysis, and actionable recommendations. Use when analyzing websites, debugging SEO issues, or checking site health.ソースなし
• aura-asset-imagesUse when you need high-quality stock-style images from Aura Assets (aura.build/assets) similar to Unsplash for design mockups and marketing: backgrounds, abstract wallpapers, architecture, portraits, and headshots. Includes a workflow for searching by tag on aura.build/assets and returns 5 real image URLs per category…ソース全文
• author-game-levelsAuthor or revise readable, flat-world Three.js game levels. Use for movement and camera routes, collision and navigation, encounter zones, landmarks, objectives, pickups, motivated lighting, visibility, deterministic level data, or desktop and mobile playthrough verification.ソース全文
• autoreviewPre-commit/ship code review: Codex default; optional Claude or Pi.ソースなし
• avoid-ai-writingAudit and rewrite content to remove AI writing patterns ("AI-isms"). Use this skill when asked to "remove AI-isms," "clean up AI writing," "edit writing for AI patterns," "audit writing for AI tells," or "make this sound less like AI." Supports a detect-only mode, an edit-in-place mode for files, an optional voice…ソースなし
• background-grid-webglCreate a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.ソース全文
• bdi-mental-statesThis skill should be used when the user asks to "model agent mental states", "implement BDI architecture", "create belief-desire-intention models", "transform RDF to beliefs", "build cognitive agent", or mentions BDI ontology, mental state modeling, rational agency, or neuro-symbolic AI integration.ソースなし
• beam-glow-statesCreate React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow. Use when a card, button, input, tab, option, task panel, or agent surface needs a restrained traveling or breathing beam; includes installation, imports, prop selection, state wiring,…ソース全文
• beautiful-articleTurn URLs, PDFs, documents, screenshots, or pasted material into an offline-ready, single-file HTML article. Plan the structure, confirm the direction, generate the page, and review it while preserving the source information.ソース全文
• beautiful-shadowsApply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like containers need refined shadows without default Tailwind shadow scales or colored tinting.ソース全文
• bencium-bencium-innovative-ux-designerCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.ソース全文
• better-accessibilityAccessibility engineering for product interfaces. Use when building or reviewing UI components and custom widgets, or when the user reports a keyboard or screen-reader problem. Triggers on accessibility, a11y, WCAG, aria, focus ring, focus trap, keyboard navigation, tabindex, screen reader, sr-only, alt text, hit…ソース全文
• better-colorsColor systems for digital products. Use when creating or extending a palette, theming light and dark appearances, or auditing the colors in a codebase. Triggers on color palette, palette generation, color ramp, brand color, accent color, gray palette, status colors, color tokens, token naming, theming, dark mode…ソース全文
• better-interfaceCross-discipline interface review. Routes a screen, flow, or feature to every `better-*` domain skill and consolidates one ranked verdict. Use when asked for a holistic review rather than a single domain and when `interface-review` hands up a change to route. Triggers on better-interface, holistic interface review,…ソース全文
• better-layoutLayout structure for web interfaces. Use when structuring a page or component, deciding what collapses at small sizes, or reviewing frontend code for layout. Triggers on layout, spacing, alignment, grouping, whitespace, visual hierarchy, reading order, progressive disclosure, breakpoints, container queries, safe area,…ソース全文
• better-typographyWeb typography. Use when picking or pairing typefaces, setting up a type scale, or styling and truncating text in components. Triggers on typography, font loading, woff2, variable fonts, opentype features, type scale, heading hierarchy, line-height, letter-spacing, measure, text-wrap, truncation, tabular numbers,…ソース全文
• better-uiDesign engineering principles for making interfaces feel polished. Use when building UI components, implementing animations or hover states, or doing any visual detail work. Triggers on UI polish, "feels off", stagger animations, enter animations, theme switch transitions, border radius, optical alignment, image…ソース全文
• better-writingUX writing and interface copy. Use when writing or reviewing any user-facing text. Triggers on UX writing, microcopy, button labels, link text, error messages, empty states, placeholder text, settings labels, capitalization, sentence case, voice and tone.ソース全文
• bias-red-teamUse when a plan, strategy, feature, analysis, investment, or claim may be overfit to visible wins, confirming evidence, anecdotes, or a preferred narrative. Force disconfirming evidence, missing denominators, base rates, failed examples, and alternative explanations into the review.ソースなし
• black-scholesBlack-Scholes option pricing model. Activates when discussing option pricing, call/put valuation, European options, or payoff analysis.ソースなし
• blue-cloudy-clean-modernCreate a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typography.ソース全文
• blue-laser-clean-glass-layoutCreate a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.ソース全文
• bluf-operator-writingUse when writing or rewriting operator-facing communication: status updates, PR comments, incident notes, executive summaries, changelog blurbs, strategy memos, Slack updates, or reports. Put the bottom line first, compress supporting evidence, and make the next action obvious.ソースなし
• book-serif-indexCreate an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium catalog frame.ソース全文
• brainstormingExplore unresolved product or technical design decisions before implementation when the user requests ideation or the task needs a design choice.ソースなし
• breakAnswers "does this survive?" for one component. Renders it on a page in every state real use can put it in, and hands that page over as a visual report of what broke.ソース全文
• bright-green-tech-system-webglCreate a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL visualization zone.ソース全文
• browser-video-recordingCreate polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography, zoom-follow framing, ffprobe/thumbnail verification, and optional native recording compatibility checks. Use when the user asks to…ソース全文
• build-awwwards-quality-sitesArt-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance…ソース全文
• build-daily-inspiration-sitesTurn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites. Use when the user asks to turn the daily inspiration references, a five-item UI prompt pack, or a dated `*-ui-inspiration-capture` article into distinct HTML landing pages while…ソース全文
• build-game-audio-feedbackDesign or implement responsive audio feedback for a Three.js or web game. Use for action sounds, combat layers, music states, spatial audio, mix priorities, mute controls, accessibility, mobile audio unlock, and audio performance.ソース全文
• build-game-camera-controlsImplement or tune Three.js game cameras. Use for isometric framing, follow behavior, orbit/zoom limits, occlusion, lock-on, camera shake, touch camera controls, and camera regression tests.ソース全文
• build-game-changelogDesign, implement, backfill, audit, and release in-game changelogs with contiguous versioning, deployment provenance, menu-state navigation, accessible toggle, close, and Escape behavior, and responsive release-ledger UI. Use when Codex needs to add or revise a changelog or version screen in a game, reconstruct…ソース全文
• build-game-inventoryBuild or repair game inventory, loot, equipment, tooltips, drag-and-drop, persistence, and progression systems. Use for item schemas, pickup flows, stack rules, equipment slots, atomic swaps, save migration, and no-loss regression testing.ソース全文
• build-game-map-editorBuild, extend, or audit production-linked browser map editors for Three.js and isometric games. Use when Codex needs to create a private director view, derive a versioned editor document from authored placements, add outliner, layer, selection, drag, snap, inspector, or camera controls, expose enemy aggro, leash, or…ソース全文
• build-game-monster-systemBuild, integrate, audit, or refactor rigged monsters for Three.js and web action games. Use for monster asset contracts, procedural or imported creature rigs, semantic joints and sockets, hurtboxes and attack volumes, combat animation states, enemy-runtime adapters, LODs, deterministic review fixtures, and validating…ソース全文
• build-hybrid-game-assetsPlan, create, integrate, or audit a hybrid asset pipeline for a Three.js or web game. Use when choosing among imported meshes, procedural 3D geometry, AI-generated reference art, 2D UI media, sprites, VFX, and performance-ready runtime asset delivery.ソース全文
• build-interactive-particle-trailBuild a cursor or touch particle interaction that emits by distance along the traveled segment into a recycled GPU point pool, with optional keyboard-triggered bursts. Use for interactive particle trails, pollen lifted from a surface, dust disturbed by a pointer, hover particle bursts, and discrete motes whose spacing…ソース全文
• build-isometric-arpgBuild or extend a playable isometric action RPG in Three.js, React, or similar web technology. Use for game-loop architecture, camera and movement, zones, combat integration, content data, progression, saves, or production-ready vertical slices.ソース全文
• build-mobile-threejs-gamesBuild, tune, or test a Three.js game for mobile web. Use for touch movement, action controls, target selection, touch inventory, safe areas, portrait/landscape layouts, responsive HUD, battery/performance budgets, and real mobile browser QA.ソース全文
• build-rigged-game-assetsCreate, integrate, or audit production-ready rigged 3D characters and monsters with a main model, skeleton, animation library, sockets, collision contracts, separate character equipment, optimized runtime files, catalog media, and an interactive moveset inspector. Use when generating or importing FBX/GLB game actors;…ソース全文
• build-threejs-enemy-systemsBuild or refactor reusable, data-driven enemy archetype and moveset systems for Three.js action games. Use for enemy content schemas, model and rig conventions, combat move timing and contact contracts, runtime state boundaries, placeholder fallbacks, deterministic fixtures, or production playthrough validation.ソース全文
• build-threejs-scroll-worldsBuild rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories,…ソース全文
• build-vesperfall-review-assetsBuild truthful Vesperfall asset-library review pairs from transparent PNG references and live Three.js, FBX, or img2threejs models. Use when adding a character, enemy, prop, or equipment asset to the Vesperfall catalog; creating a card-PNG plus inspector-model treatment; exposing an isolated model or moveset route; or…ソース全文
• build-wireframe-scan-revealReveal Three.js geometry with an expanding world-space scan whose wire cage leads the solid surface, then burns away. Use for wireframe scanning, radial mesh reveals, survey pulses, holographic assembly, topology intros, and 3D model entrances where a plain opacity wipe does not explain the form.ソース全文
• bulletproof-healthUse the installed bulletproof-health CLI for the private local Health command center, WHOOP OAuth and sync, Keychain-backed credential setup, projection rebuilds, source-aware health logs, and workspace privacy audits. Trigger whenever the user asks to open or diagnose the Bulletproof dashboard, connect or refresh…ソースなし
• business-designRead financials, map competitive landscapes, and argue design decisions in the language of value. Use when defending design to commercial stakeholders. For the live negotiation itself, use `design-negotiation` (designer-toolkit).ソース全文
• canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.ソースなし
• card-sort-analysisAnalyse open or closed card sort results into a proposed grouping and label set. Use after running a sort study. For turning that evidence into a full structure, use `information-architecture` (ux-strategy).ソース全文
• case-studyCraft a portfolio case study with narrative arc, process evidence, and outcomes. Use when telling a project's story to an external audience. For an internal stakeholder deck, use `presentation-deck`.ソース全文
• changelog-generationGenerate and manage live changelog from git commit history using conventional commits. Use when setting up changelog automation, understanding commit parsing, or working with changelog display.ソースなし
• cinematic-gsap-lenis-motion-systemBuild coordinated GSAP/Lenis scroll and interaction effects when the project uses that motion stack.ソース全文
• cinematic-scroll-storytellingCreate cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll…ソース全文
• clean-minimal-beige-light-modeCreate a clean minimal beige light-mode design system with warm neutral shells, quiet process grids, restrained accent color, and elegant low-contrast structure.ソース全文
• cli-creatorBuild a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read/write commands, return stable JSON, manage auth, and pair with a…ソースなし
• click-test-planDesign first-click and click tests for findability and navigation. Use when testing whether people can locate something. For full task-based observation, use `test-scenario`.ソース全文
• cloudflareComprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), feature flags (Flagship), networking (Tunnel, Spectrum), security (WAF, DDoS), and infrastructure-as-code (Terraform, Pulumi). Use for any Cloudflare development task. Biases towards retrieval…ソース全文
• cloudflare-email-serviceSend and receive transactional emails with Cloudflare Email Service (Email Sending + Email Routing). Use when building email sending (Workers binding or REST API), email routing, Agents SDK email handling, or integrating email into any app — Workers, Node.js, Python, Go, etc. Also use for email deliverability,…ソース全文
• cloudflare-oneGuides Cloudflare One Zero Trust and SASE work across Access, Gateway, WARP, Tunnel, Cloudflare WAN, DLP, CASB, device posture, and identity. Use when designing, configuring, troubleshooting, or reviewing Cloudflare One deployments. Retrieval-first: use current Cloudflare docs/API schemas instead of embedded product…ソース全文
• cloudflare-one-migrationsPlans migrations from Zscaler ZIA/ZPA, Palo Alto, legacy VPN, SWG, or SASE stacks to Cloudflare One. Use for migration assessments, policy mapping, rollout plans, and parity/gap analysis.ソース全文
• cobejsUse when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).ソース全文
• color-systemBuild a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use `dark-mode-design`; for chart palettes use `data-visualization`; for multi-brand token architecture use `theming-system` (design-systems).ソース全文
• company-logosUse Iconify Simple Icons logos (64x64) instead of text logos.ソース全文
• competitive-analysisCompare UX patterns, features, strengths, and gaps across rival products. Use when you need to know what others actually do. For deliberately adopting their conventions, use `jakobs-law` (interaction-design).ソース全文
• component-specSpecify one component — props, states, variants, accessibility, and usage rules. Use when defining a library component. For the reusable doc scaffold use `documentation-template`; for a problem-solution pattern use `pattern-library`.ソース全文
• compounding-workflowsUse when the user wants to turn repeated work into reusable leverage: prompts, checklists, templates, scripts, automations, evals, reusable docs, or agent workflows. Also use when a task reveals a recurring pattern that should make the next similar task easier, even if the user does not explicitly say "create a skill"…ソースなし
• comps-analysisBuilds institutional-grade comparable company analysis (comps) tables with trading multiples and valuation benchmarking. Activates when user asks for peer analysis, comparable companies, trading comps, or valuation benchmarking.ソースなし
• constructive-feedbackUse when drafting, reviewing, or reframing feedback for teammates, collaborators, reports, code review, performance conversations, conflict, or sensitive communication. Separate behavior from identity, make impact explicit, and give a concrete next action.ソースなし
• container-linesAdd vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines, editorial grid markers, or small corner-square frame details.ソース全文
• content-strategyDefine what content a product needs, how it is structured, and who owns it. Use when content itself is the problem. For the words in the interface use `ux-writing` (designer-toolkit); for structural hierarchy use `information-architecture`.ソース全文
• context-compressionThis skill should be used when the user asks to "compress context", "summarize conversation history", "implement compaction", "reduce token usage", or mentions context compression, structured summarization, tokens-per-task optimization, or long-running agent sessions exceeding context limits.ソースなし
• context-degradationRecognize, diagnose, and mitigate patterns of context degradation in agent systems. Use when context grows large, agent performance degrades unexpectedly, or debugging agent failures.ソースなし
• context-fundamentalsUnderstand the components, mechanics, and constraints of context in agent systems. Use when designing agent architectures, debugging context-related failures, or optimizing context usage.ソースなし
• context-optimizationApply optimization techniques to extend effective context capacity. Use when context limits constrain agent performance, when optimizing for cost or latency, or when implementing long-running agent systems.ソースなし
• context-profile-builderUse when an agent needs better reusable context before doing work: project briefs, brand profiles, user preferences, repo context, product constraints, evaluation rubrics, prompt packs, handoff context, or long-running agent memory. Also use when the task failed because important background was missing, scattered,…ソースなし
• contrarian-wisdomCounterintuitive truths that require explicit reminders. Use when making decisions, evaluating options, challenging assumptions, or when conventional thinking might lead astray. Triggers on "contrarian", "counterintuitive", "conventional wisdom wrong", "rethink assumptions".ソースなし
• conversational-uxDesign voice and conversational interfaces — dialog flows, error recovery, and persona. Use when the interface speaks and listens rather than being tapped. For graphical input collection, use `form-design`.ソース全文
• convert-documents-to-markdownConvert local Word, PowerPoint, Excel, OpenDocument, RTF, EPUB, CSV, and native-text PDF files to structured GitHub-Flavored Markdown. Use when Codex needs to read document contents, inspect PDF text/OCR routing, extract tables, or prepare source text for analysis without uploading files.ソースなし
• corner-diagonalsApply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells. Use when a design needs precise geometric framing, sci-fi UI surfaces, clipped-corner controls, or engineered sharp containers instead of rounded pills or plain rectangles.ソース全文
• corner-lasersCreate a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.ソース全文
• create-consulting-exhibitCreate a polished, decision-first 16:9 consulting-style PNG exhibit from supplied content using image generation first and deterministic exact rendering as the fallback. Use for optional standalone executive exhibits, decision frameworks, gates, matrices, timelines, and operating models; invoke explicitly and never…ソースなし
• create-game-vfxCreate readable, performance-safe Three.js game visual effects. Use for attacks, impacts, damage feedback, status effects, spell trails, particles, shaders, telegraphs, quality tiers, and reduced-motion alternatives.ソース全文
• creative-quality-gateUse before publishing creative work: essays, posts, pages, launch narratives, scripts, talks, brand writing, visuals, or campaign concepts. Test for taste, originality, resonance, memorability, and whether the work is merely new or actually good.ソースなし
• creative-writing-labUse when generating, drafting, or revising creative writing: essays, narratives, founder letters, manifestos, story-driven posts, scripts, speeches, hooks, or idea exploration. Also use when the user feels stuck, wants more originality, or needs divergent creative inputs before converging.ソースなし
• critique-affordanceCritique a rendered screen's affordances — what looks clickable, state visibility, CTA clarity, and action discoverability. Use when reviewing an existing screen. For sizing and positioning targets in new work, use `fitts-law` (interaction-design).ソース全文
• critique-brand-consistencyCritique a rendered screen against mood.md, voice.md, and tokens.md. Use when those brand files exist and you are checking compliance. For defining the visual language itself, use `illustration-style` (ui-design).ソース全文
• critique-colorCritique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning. Use when reviewing one screen. For a product-wide WCAG audit use `accessibility-audit` (design-systems); for building the palette use `color-system` (ui-design).ソース全文
• critique-compositionCritique a rendered screen's composition — balance, whitespace, rhythm, and gestalt grouping. Use when a layout feels off but hierarchy is fine. For emphasis and eye flow specifically, use `critique-visual-hierarchy`.ソース全文
• critique-information-densityCritique a rendered screen's density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure. Use when a screen feels overwhelming. For the underlying choice-count principle, use `hicks-law` (interaction-design).ソース全文
• critique-typographyCritique a rendered screen's typography — scale usage, readability, consistency, and token compliance. Use when reviewing type on a screen. For defining the scale itself, use `typography-scale` (ui-design).ソース全文
• critique-visual-hierarchyCritique a rendered screen's hierarchy — entry point, eye flow, weight distribution, and emphasis. Use when attention lands in the wrong place. For establishing hierarchy in new work, use `visual-hierarchy` (ui-design).ソース全文
• cross-model-dispatchUse when delegating implementation to a different model for cross-model diversity, a second opinion, or adversarial review — including when asked to hand work to Codex/GPT/Sol, to have one model implement and another review, or to pick which model should do a unit of work.ソースなし
• css-alpha-maskingApply CSS alpha masking with linear-gradient for horizontal or vertical edge fades (mask-image and -webkit-mask-image). Use when asked for alpha masks, fade edges, or CSS mask gradients.ソース全文
• css-border-gradientApply subtle gradient-border treatments for premium web surfaces. Use when cards, pricing panels, nav bars, modals, buttons, or hero surfaces need a refined edge highlight without a loud glow.ソース全文
• daily-ui-inspiration-captureCreate a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-inspiration-capture/` outputs, Framer/Dribbble landing-page inspiration, motion-study screenshots/videos, AI-builder prompts, duplicate…ソース全文
• dammyjay93-interface-designThis skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).ソース全文
• dark-blue-contrasting-cleanCreate a dark-blue clean design system with strong contrast, cobalt gradient feature blocks, crisp framed structure, and restrained premium glow.ソース全文
• dark-glass-clean-layoutCreate a dark glass layout system with frosted premium shells, clean multi-column workspace structure, floating data cards, and restrained atmospheric depth.ソース全文
• dark-mode-designAdapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to translate. For building the base palette first, use `color-system`.ソース全文
• data-visualizationSelect chart types and design data encodings — marks, axes, labels, and accessible chart styling. Use when presenting data graphically. Owns chart selection and encoding only; the categorical colour ramp itself belongs to `color-system`.ソース全文
• decision-autopsyUse when reviewing a major decision before or after action: strategy choices, architecture choices, launches, investments, hiring, product bets, incident follow-ups, or "what should we do?" questions. Make alternatives, reversibility, sequencing, omitted actions, and pre-work explicit.ソースなし
• deep-researchConduct rigorous, evidence-first research across academic, technical, regulatory, news, market, patent, and public-discourse sources. Use when the user explicitly asks for deep research, a comprehensive literature review, recursive citation tracing, controversy or expert mapping, an evidence-backed landscape…ガイドのみ
• define-goalHelp the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable…ソースなし
• designApply design system tokens, typography, spacing, and component patterns. Use when styling pages, creating UI components, implementing responsive layouts, working with Tailwind CSS, or ensuring visual consistency across the site.ソースなし
• design-action-combatDesign, implement, tune, or test readable tactical action combat for web games. Use for attack timing, guard and dodge windows, hit contact, posture, lock-on, weapons, boss phases, combat feedback, and deterministic combat tests.ソース全文
• design-briefWrite a project brief — problem space, constraints, audience, and success criteria. Use at kickoff for one specific project. For long-horizon aspiration use `north-star-vision`; for reusable decision rules use `design-principles`.ソース全文
• design-critiqueFacilitate a structured team critique — framing, feedback rules, and actionable outcomes. Use when running a session with people in the room. For a solo expert review, use `heuristic-evaluation` (prototyping-testing).ソース全文
• design-debt-auditInventory and prioritise accumulated design inconsistencies across a product. Use when drift has built up over time. For token coverage specifically use `design-token-audit` (designer-toolkit); for WCAG gaps use `accessibility-audit` (design-systems).ソース全文
• design-first-ui-promptingUse when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.ソース全文
• design-game-encountersDesign, implement, tune, or test Three.js action-game encounters. Use for arena layout, enemy composition, spawn pacing, objectives, boss phases, reward cadence, encounter fixtures, and difficulty validation.ソース全文
• design-impact-reportingCommunicate design's contribution to business and user outcomes in stakeholder language. Use when reporting results upward. For choosing the metrics in the first place, use `metrics-definition` (ux-strategy).ソース全文
• design-negotiationAdvocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals. Use in the conversation itself. For the commercial vocabulary behind it, use `business-design` (ux-strategy).ソース全文
• design-principlesDefine actionable principles that resolve trade-offs when the team disagrees. Use when the same decisions keep getting relitigated. For a single project's framing, use `design-brief`.ソース全文
• design-qa-checklistBuild a QA checklist for verifying that a build matches the design. Use at implementation review. For the spec engineers build from, use `handoff-spec`.ソース全文
• design-rationaleWrite rationale connecting decisions to user needs, business goals, and principles. Use when a decision needs defending in writing. For a live conversation, use `design-negotiation`.ソース全文
• design-review-processEstablish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For running one individual session, use `design-critique`.ソース全文
• design-sprint-planPlan and facilitate a design sprint from challenge framing through prototype testing. Use when compressing discovery into days. For ongoing team cadence, use `team-workflow`.ソース全文
• design-system-adoptionCreate adoption strategy and enablement materials to drive design system usage. Use when the system exists but teams ignore it. For contribution and versioning rules, use `design-system-governance` (design-systems).ソース全文
• design-system-governanceDefine how the system evolves — contribution model, versioning, deprecation, and change management. Use when multiple teams contribute. For driving uptake use `design-system-adoption` (designer-toolkit); for design file history use `version-control-strategy` (design-ops).ソース全文
• design-tokenDefine and organise tokens for colour, spacing, type, and elevation with naming and usage rules. Use when establishing the token layer. For auditing existing usage use `design-token-audit` (designer-toolkit); for multi-brand mapping use `theming-system`.ソース全文
• design-token-auditAudit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect they are being bypassed. For defining tokens in the first place, use `design-token` (design-systems).ソース全文
• diary-study-planDesign a diary study — prompts, cadence, duration, participant criteria, and analysis frame. Use when behaviour unfolds over days or weeks. For a single-session study, use `usability-test-plan`.ソース全文
• dimillian-swiftui-ui-patternsBest practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack,…ソース全文
• dispatching-parallel-agentsUse when facing 2+ independent tasks that can be worked on without shared state or sequential dependenciesソースなし
• dither-backgroundCreate a dark monochrome procedural background with enlarged square pixels and visible Bayer-style ordered dithering. Use when a page needs an atmospheric near-black dither field, broad organic waves or cloud masses, and restrained gray-white highlights behind framed UI, hero content, or data overlays.ソース全文
• dither-laser-dark-modeCreate a dark premium design system that combines near-black surfaces, subtle ordered-dither texture, and a thin accent-colored laser atmosphere.ソース全文
• docs-writerUse when writing or updating technical documentation - READMEs, API docs, architecture overviews, CONTRIBUTING guides, changelogs, docstrings, or code comments. Triggers on "document this", "write a README", "add docs", "explain this codebase", or any request to produce developer-facing prose.ソースなし
• documentary-brutalist-agencyCreate or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard black-and-white chapters, exposed grids, documentary imagery, irregular collages, restrained parallax, brutalist navigation, and accessible FAQ controls.ソース全文
• documentation-templateGenerate a reusable documentation scaffold for components, patterns, or guidelines. Use when standardising how the system is documented. For the content of one component's spec, use `component-spec`.ソース全文
• docxComprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Codex needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4)…ソースなし
• doherty-thresholdApply the Doherty Threshold — keep system response under 400ms to preserve user flow. Use when diagnosing perceived slowness or setting a performance budget. For what to show during unavoidable waits, use `loading-states`.ソース全文
• dtc-growth-engineConvert healthcare direct-to-consumer research and strategy into a measurable, compliant growth operating plan. Use when defining funnels, channel plans, experimentation backlogs, lifecycle programs, local-market plays, budget allocation, or KPI instrumentation for a regulated health product.ソースなし
• durable-objectsCreate and review Cloudflare Durable Objects. Use when building stateful coordination (chat rooms, multiplayer games, booking systems), implementing RPC methods, SQLite storage, alarms, WebSockets, or reviewing DO code for best practices. Covers Workers integration, wrangler config, and testing with Vitest. Biases…ソース全文
• editorial-corpus-calibratorAnalyze a representative corpus of blog posts, essays, career writing, self-reviews, or other authored material to identify durable voice patterns, context-specific modes, gold-standard examples, recurring weaknesses, and style drift. Use when building or refreshing a writing voice profile, comparing authentic and…ソースなし
• editorial-portfolio-chaptersCreate or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained project reveals, and a decisive contact finale.ソース全文
• editorial-service-bookingCreate or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospitality brands. Use for warm editorial layouts, serif-led identity, documentary portrait crops, calm treatment selectors, location-aware booking, and operational states that remain elegant and…ソース全文
• editorial-techBlend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility labels, and restrained accent color.ソース全文
• elevenlabs-ttsGenerate ElevenLabs text-to-speech audio from scripts or inline text using local voice profiles. Use when the user asks for ElevenLabs, text-to-speech, TTS, narration, voiceover, speech audio, or voice generation; load voice names, voice ids, emails, owners, and account-specific defaults only from local config outside…ソース全文
• emil-design-engRefine UI interaction, motion and component polish when those details are part of the requested change or review.ソース全文
• emilkowalski-emil-design-engThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.ソース全文
• empathy-mapBuild a Says, Thinks, Does, Feels map for one user or segment. Use when sharing user understanding quickly. For a composite archetype with goals and behaviours use `user-persona`; for cross-session themes use `affinity-diagram`.ソース全文
• error-handling-uxDesign error prevention, detection, and recovery across a product — message content, placement, and escape routes. Use when errors span multiple flows. For validation inside a single form, use `form-design`.ソース全文
• eval-driven-workflowDesign measurable evaluations for AI prompts, agents, tools, skills, retrieval systems, and multi-step workflows. Use before launching a new AI workflow, when changing models or instructions, when production failures are handled reactively, or when a team needs fixtures, graders, baselines, quality gates, and a…ソースなし
• evaluationBuild evaluation frameworks for agent systems. Use when testing agent performance, validating context engineering choices, or measuring improvements over time.ソースなし
• evidence-linked-report-publisherMaintain and publish evidence-linked offline HTML research reports with traceable citations and reproducible generation. Use when editing a report assembled from fragments, synchronizing bibliographies, validating evidence chips, regenerating a local report bundle, or preparing an executive-readable research…ソースなし
• executing-plansCarry an accepted implementation plan through its requested completion condition while tracking dependencies and unresolved decisions.ソースなし
• executive-growth-narrativeTurn real growth, product, and AI-enabled work into concise executive-level positioning for career materials and leadership communication. Use when drafting portfolio stories, resumes, interview answers, executive bios, recruiter outreach, promotion cases, self-assessments, performance reviews, or strategic updates…ソースなし
• experience-mapMap the full ecosystem of touchpoints, channels, and relationships across a service. Use when the experience spans more than one product. For one persona's linear journey use `journey-map` (design-research); for backstage operations use `service-blueprint`.ソース全文
• explain-interfaceAnswers "how was this built?" about an interface. Give it a URL and name the thing you're curious about, and it reads the layers that produce the effect. Reads the whole frontend instead when you don't name a thing. From a screenshot it reconstructs rather than reads and says so.ソース全文
• falling-leavesBuild falling leaves that read as leaves, with each one tumbling on its own axis so it presents a face, thins to an edge, and opens out again, and with its sideways slip driven by that same tumble. Covers the 2-D canvas build and the instanced-3-D variant, where leaves are recycled from, density-versus-count maths,…ソース全文
• feedback-patternsDesign confirmations, status updates, and notifications that tell users an action registered. Use when the system must acknowledge success or change. For waiting states use `loading-states`; for failures use `error-handling-ux`.ソース全文
• felipe-editorial-voiceWrite or revise Felipe Chaves's blog essays, thought leadership, portfolio copy, founder-style notes, and public intellectual writing in a compressed, systems-oriented editorial voice. Use when the user asks to write like Felipe, match the voice of ftchvs.com, make prose short and punchy without making it shallow, or…ソースなし
• find-animation-opportunitiesSearch a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use…ソース全文
• finishing-a-development-branchUse when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanupソースなし
• firecrawlAny live-web task via the Firecrawl CLI — including ordinary web research: searching the web, reading or extracting pages, gathering sources, discovering site URLs, bulk extraction, downloading a site, change alerts, or pages needing clicks/login — web only; local files route to firecrawl-parse. For papers use…ソース全文
• firecrawl-agentAutonomous multi-page extraction into structured JSON. Use when the user wants website data matching a schema — pricing tiers, product listings — beyond a single-page scrape.ソース全文
• firecrawl-buildRoute Firecrawl application-integration work to the installed onboarding, scrape, search, or interact guide.ソースなし
• firecrawl-build-interactIntegrate Firecrawl `/interact` into product code for dynamic pages and browser actions after scraping. Use when a feature needs clicks, form fills, pagination, authentication-aware flows, or other multi-step interactions that plain `/scrape` cannot complete.ソース全文
• firecrawl-build-onboardingGet Firecrawl credentials and SDK setup into a project. Use when an application needs `FIRECRAWL_API_KEY`, when an agent should add Firecrawl to `.env`, when the user wants to authenticate Firecrawl for app code, or when choosing the first SDK and docs for a new Firecrawl integration. This skill includes its own…ソース全文
• firecrawl-build-scrapeIntegrate Firecrawl `/scrape` into product code for single-page extraction. Use when an app already has a URL and needs markdown, HTML, links, screenshots, metadata, or structured page output. Prefer this skill over broader crawl patterns when the feature is page-level.ソース全文
• firecrawl-build-searchIntegrate Firecrawl `/search` into product code and agent workflows. Use when an app needs discovery before extraction, when the feature starts with a query instead of a URL, or when the system should search the web and optionally hydrate result content.ソース全文
• firecrawl-company-directoriesExtract structured company lists from directories with Firecrawl. Use for scraping YC, Crunchbase, Product Hunt, G2, startup directories, category directories, or custom company databases into JSON, CSV, CRM-ready lists, or research tables.ソース全文
• firecrawl-competitive-intelMonitor competitor pricing, features, changelogs, dashboards, and product changes with Firecrawl. Use for recurring competitive intelligence, pricing tier extraction, feature change tracking, or structured competitor alerts.ソース全文
• firecrawl-crawlBulk-extract many pages from one site or section. Use for "crawl", "everything under /docs", or content spanning linked pages.ソース全文
• firecrawl-dashboard-reportingPull metrics from analytics dashboards and internal web tools with Firecrawl browser. Use when the user needs dashboard reporting, cross-platform metric summaries, authenticated analytics extraction, date-range reports, or structured metrics from web dashboards.ソース全文
• firecrawl-deep-researchProduce an intensive, cited analytical report: executive summary, multi-angle findings, contrarian views, open questions, and full sources. Use only when the user needs rigorous synthesis of a complex topic (scientific, technical, policy, or market-analytical) that cannot be answered with a short search, and wants a…ソース全文
• firecrawl-demo-walkthroughWalk through a product's key flows with Firecrawl browser and produce a structured UX/product walkthrough. Use for signup, onboarding, pricing, docs, dashboard, product demo prep, UX teardown, and first-run experience analysis.ソース全文
• firecrawl-developer-indexSearch issues, merged pull requests, READMEs, and documentation. Use when the question is how a library or API behaves, what an error means, or whether a bug was fixed; prefer this over a general web page.ソース全文
• firecrawl-downloadSave a site or section as local files (markdown, screenshots). Use for "download the site", offline docs, or a local copy for reference.ソース全文
• firecrawl-interactDrive a live browser on a scraped page: click, fill forms, log in, paginate, infinite-scroll. Use when content requires interaction or a scrape failed or returned incomplete content.ソース全文
• firecrawl-knowledge-baseBuild a knowledge base from web content with Firecrawl. Use for local reference docs, RAG-ready chunks, fine-tuning datasets, documentation mirrors, topic corpora, or LLM-ready markdown organized from web sources.ソース全文
• firecrawl-knowledge-ingestIngest public or authenticated knowledge bases and docs portals with Firecrawl browser. Use for JS-heavy docs, login-gated portals, paginated help centers, support knowledge bases, or structured JSON/markdown extraction from documentation sites.ソース全文
• firecrawl-lead-genGenerate structured lead lists from prospect databases and web directories with Firecrawl browser. Use for finding prospects by role, company type, industry, stage, location, technologies, or other criteria and exporting CRM-ready JSON or CSV.ソース全文
• firecrawl-lead-researchProduce pre-meeting lead intelligence briefs with Firecrawl. Use when the user needs company research, person research, recent news, talking points, pain points, or outreach preparation before a sales call, partnership meeting, investor conversation, or customer interview.ソース全文
• firecrawl-mapDiscover and list a site's URLs, with search filtering. Use for "map the site" or "find the URL for" requests — when the user knows the site but not the exact page, or wants site structure.ソース全文
• firecrawl-market-researchExtract market, financial, earnings, industry, and company metrics with Firecrawl. Use when the user asks for market research, industry trends, public company data, financial comparisons, earnings research, or structured market reports.ソース全文
• firecrawl-monitorAlert by webhook/email on web changes — use for "monitor/watch/track/alert me when": recurring checks on known URLs (prefer over repeated one-off scrapes) or web-wide watches for new results (queries + goal).ソース全文
• firecrawl-parseConvert a local file (PDF, DOCX, XLSX, HTML, …) to markdown, or answer questions about its content. Use whenever the input is a file path, not a URL.ソース全文
• firecrawl-qaQA test a live website with Firecrawl browser and scrape evidence. Use when the user wants exploratory QA, form testing, navigation/link checks, responsive checks, performance observations, bug reports, or a pre-launch quality review.ソース全文
• firecrawl-research-indexFind the papers that answer a research query in Firecrawl's research paper index — a corpus of paper abstracts whose largest share is biomedical and life-science literature (PubMed, bioRxiv, medRxiv), alongside arXiv preprints in CS, physics, and math — using semantic search, semantic and structural expansion, and…ソース全文
• firecrawl-research-papersFind and synthesize research papers, whitepapers, PDFs, technical reports, and academic sources with Firecrawl Research, using semantic paper search, related-paper expansion, and in-body verification over Firecrawl's paper index — largely biomedical and life-science literature from PubMed, bioRxiv, and medRxiv, plus…ソース全文
• firecrawl-scrapeExtract a URL's content as clean markdown, including JS-rendered pages. Use whenever the user provides a URL and wants its content; prefer over WebFetch.ソース全文
• firecrawl-searchWeb search with full page content. Use when no URL is known: finding sources, articles, or news. For papers use firecrawl-research-index; for library, API, error, or bug questions use firecrawl-developer-index.ソース全文
• firecrawl-seo-auditAudit a website's SEO with Firecrawl. Use when the user asks for an SEO audit, metadata and heading review, sitemap/site-structure analysis, keyword opportunities, competitor SERP comparison, or prioritized search optimization recommendations.ソース全文
• firecrawl-shopResearch products across the web with Firecrawl and produce a shopping recommendation or cart-ready summary. Use when the user wants to compare products, find the best option, evaluate reviews, respect budget/preferences, or shop with a saved browser session.ソース全文
• firecrawl-website-design-cloneExtract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, layout patterns, or brand/UI guidance from a website so AI agents can create new websites, clone a look, or build pages inspired by that design.ソース全文
• firecrawl-workflowsRun outcome-focused Firecrawl workflows that produce deliverables such as research reports, literature reviews over published papers, SEO audits, QA reports, lead lists, knowledge bases, website design systems, and other structured web-data artifacts. Use when the user wants Firecrawl to complete a business,…ソース全文
• fitts-lawApply Fitts's Law — target acquisition time depends on size and distance. Use when sizing and positioning controls, especially for touch. For how many controls to show at once, use `hicks-law`.ソース全文
• fixing-motion-performanceAudit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.ソース全文
• form-designDesign a form end to end — field order, grouping, validation, and completion. Use when the artifact is a form. For product-wide error strategy use `error-handling-ux`; for first-run signup use `onboarding-design`.ソース全文
• framed-grid-layoutCreate minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment. Use when asked for clean, neutral, precise, structured, editorial, technical, or guide-border web layouts.ソース全文
• framed-tech-dark-border-gradientCreate a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained monochrome atmosphere.ソース全文
• frontend-designUse this skill whenever the user asks to design, restyle, modernize, polish, critique, or implement a frontend interface; wants a distinctive non-generic visual direction; complains about AI-looking UI; asks for typography, color, layout, motion, copy, dashboards, landing pages, app shells, components, or…ソースなし
• funky-purple-container-techCreate a dark container-led technical design system with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful futuristic focal objects.ソース全文
• generate-reference-inspired-brand-worldsGenerate multiple original brand campaign worlds from a supplied visual reference while controlling how close the new work feels without copying protected signature elements. Use when a user provides a brand identity image, poster, editorial campaign, moodboard, or generated concept and asks for inspired alternatives,…ソース全文
• gesture-patternsDesign gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. Use when input is gestural. For OS-standard gestures on iOS and Android, use `platform-conventions` (ui-design).ソース全文
• git-workflowGit workflow patterns for agent-assisted development. Covers branching strategies, conventional commits, PR creation, conflict resolution, and rebase vs merge guidance. Use when performing git operations, creating branches, writing commit messages, or managing PRs.ソースなし
• glass-dark-mode-clockCreate a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.ソース全文
• glass-dark-uiBuild dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. Use when asked for glass cards, frosted dark hero sections, blur panels, or dark UI systems with gradient/glow borders.ソース全文
• globe-glUse when implementing globe.gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, labels), and integration patterns in plain HTML or React.ソース全文
• globe-particlesCreate a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs a premium planetary, orbital, synthesized data-globe effect rendered with real WebGL/Three.js particles, not generic starfields or full page layout changes.ソース全文
• gooey-blob-systemCreate a gooey blob system using SVG filters where multiple shapes merge into a single fluid form. Use overlapping circles combined with a Gaussian blur and color matrix filter to produce a continuous, organic mass. The forms should visually fuse and separate based on proximity. Focus on filter-driven merging (blur +…ソース全文
• google-ads-upload-qaReview Google Ads bulk upload packages before posting them. Use when the user mentions Google Ads Editor, bulk upload CSV or XLSX files, responsive search ads, keywords, campaigns, ad groups, sitelinks, structured snippets, negative keywords, conversion actions, or paid-search launch QA.ソース全文
• google-workspace-operator-packDesign a draft-first Google Workspace operating layer for SMB AI operators. Use when the user mentions Google Workspace, Gmail, Calendar, Drive, Docs, Sheets, approval inbox, owner summaries, workflow handoff, OAuth scopes, or SMB operator setup.ソース全文
• gpt-image-2Guide image generation and editing with GPT Image 2. Adapt structured prompts for posters, interfaces, products, diagrams, comics, and storyboards using a local image service, the assistant’s image tool, or prompt-only advice.ソース全文
• growth-loop-diagnosisDiagnose a product growth loop and produce a decision memo. Use when the user mentions growth loops, growth model, viral loop, content loop, paid loop, retention, activation, North Star metric, acquisition flywheel, loop health, or why growth has stalled.ソース全文
• gsapUse when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.ソース全文
• gsap-scrolltrigger-storytellingBuild cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immersive section transitions.ソース全文
• handoff-specWrite the implementation handoff — measurements, behaviours, assets, states, and edge cases. Use when engineering picks up the work. For verifying the result afterwards use `design-qa-checklist`; for reusable library components use `component-spec` (design-systems).ソース全文
• healthcare-brand-creative-reviewReview healthcare brand messaging and creative concepts for evidence support, patient dignity, accessibility, and regulated-marketing risk. Use when assessing campaign copy, landing pages, ads, creative territories, brand architecture, testimonials, offers, or patient-facing healthcare experiences.ソースなし
• heuristic-evaluationRun an expert review against Nielsen's heuristics and domain criteria, with severity ratings. Use when you need findings without recruiting participants. For a facilitated team feedback session, use `design-critique` (design-ops).ソース全文
• hicks-lawApply Hick's Law — decision time grows with the number of simultaneous choices. Use when a screen offers too many options at once. For how many items survive in memory afterwards, use `millers-law`.ソース全文
• high-contrast-skeuomorphic-cleanCreate a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal accents.ソース全文
• html-to-interaction-promptsConvert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts. Use when the user provides an HTML file, exported page, generated-page.html, or local/live reference and asks to extract animation/interactions, create prompts, capture…ソース全文
• hyperframesMandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose,…ソース全文
• hyperframes-animationAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4…ソース全文
• hyperframes-audioUse when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush),…ソース全文
• hyperframes-cliUse the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry,…ソース全文
• hyperframes-coreThe HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md /…ソース全文
• hyperframes-creativeNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.ソース全文
• hyperframes-keyframesUse when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes`…ソース全文
• hyperframes-registryInstall, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block…ソース全文
• i18nTranscreate, audit or synchronize portfolio JSON and MDX localization while preserving structure, locale voice and source metadata.ソースなし
• i18n-agentCompatibility adapter for the canonical repository i18n skill. Use for legacy requests that explicitly name i18n-agent.ソースなし
• i18n-translation-workflowCompatibility adapter for the canonical repository i18n skill. Use for legacy requests that explicitly name i18n-translation-workflow.ソースなし
• icon-systemSpecify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. Use when standardising iconography. For broader illustration, use `illustration-style` (ui-design).ソース全文
• ideagramTurn a concept, feature description, blog post, or pitch into a single beautiful, on-brand illustration by matching it to a real unDraw illustration in a local library and recoloring it to the brand accent — genuine illustrator quality, not an AI-drawn approximation. Use whenever the user asks to "make an…ソース全文
• illustration-styleDefine an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or standardising illustration. For icons, use `icon-system` (design-systems).ソース全文
• image-first-grid-layoutCreate an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays.ソース全文
• imagegenGenerate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output…ソースなし
• implement-fog-of-warImplement, tune, debug, or validate soft wall-aware fog of war and gameplay perception in Three.js action games. Use for orthographic or isometric visibility masks, obstacle-aware line of sight, player and enemy vision ranges, hidden-enemy targeting rules, fog shader artifacts such as spokes or seams, mobile ray…ソース全文
• implied-volatilityImplied volatility calculation, surfaces, and term structure analysis. Activates when discussing IV, volatility smile, skew, term structure, or VIX.ソースなし
• improve-animationsSurvey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the…ソース全文
• information-architectureDesign content structure, hierarchy, labelling, and the navigation model. Use when organising what exists. For the UI that exposes it use `navigation-patterns` (interaction-design); for user-generated grouping evidence use `card-sort-analysis` (design-research).ソース全文
• intellectual-compression-editorEdit essays, articles, thought leadership, portfolio narratives, and research-heavy prose for intellectual compression, paragraph momentum, sentence economy, rhetorical variety, and stronger endings. Use when the argument is sound but the draft is dense, repetitive, over-explained, academic, visibly AI-shaped, or…ソースなし
• interface-reviewInterface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.ソース全文
• interfaces-that-feelApply an emotional resonance lens to a UI that is technically correct but flat, prescribing changes at the copy, motion, and interaction layer. Use when a design tests fine but lands cold. For the polish-perception argument, use `aesthetic-usability` (ui-design).ソース全文
• interview-scriptWrite a structured interview guide — warm-up, core exploration, and wrap-up. Use before running interviews. For analysing what comes back, use `summarize-interview`.ソース全文
• iterate-until-verifiedApply a prompt-agnostic execution and verification loop to any substantial task while preserving the original request. Use when the user asks to fan out work, use subagents or independent reviewers, loop until done, benchmark against references, apply a harsh critic, compare candidates blind, improve an existing…ソース全文
• jakobs-lawApply Jakob's Law — users expect your product to work like the others they already use. Use when deciding whether to innovate on a familiar pattern. For OS-mandated conventions specifically, use `platform-conventions` (ui-design).ソース全文
• jakubantalik-transitions-devProduction-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, or error state shakes. Triggers on "add a transition", "animate the dropdown", "make…ソース全文
• jakubkrehel-make-interfaces-feel-betterDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel…ソース全文
• jakubkrehel-oklch-skillOKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.ソース全文
• jobs-to-be-doneMap functional, emotional, and social jobs with outcome expectations. Use when reframing decisions around motivation rather than features. For who the user is, use `user-persona`.ソース全文
• journey-mapMap one persona's end-to-end experience with stages, touchpoints, emotions, and pain points. Use when improving an existing experience. For the multi-channel ecosystem use `experience-map` (ux-strategy); for screen-level paths use `user-flow-diagram` (prototyping-testing).ソース全文
• jupyter-notebookUse when the user asks to create, scaffold, or edit Jupyter notebooks (`.ipynb`) for experiments, explorations, or tutorials; prefer the bundled templates and run the helper script `new_notebook.py` to generate a clean starting notebook.ソースなし
• kb-retrieverSearch and answer questions from a local knowledge-base folder. Navigate indexes first, read the relevant PDF or spreadsheet handling guidance, and retrieve progressively instead of loading every document.ソース全文
• kelly-criterionCalculate uncertainty- and fee-adjusted Kelly position sizes for binary prediction-market trades, including drawdown simulations and fixed-limit constraints.ソースなし
• knowledge-graph-diagnosticUse when auditing docs, notes, memory files, wikis, content libraries, internal knowledge bases, or SEO/topic clusters. Diagnose weak links, orphaned concepts, overloaded pages, missing hub pages, stale source paths, and unclear relationships between ideas.ソースなし
• landing-pageUse when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.ソース全文
• landing-page-designPlan conversion-focused landing pages when the task needs offer, audience, CTA or page-structure decisions.ソース全文
• law-of-closureApply the Law of Closure — the eye completes implied shapes from partial forms. Use when reducing visual weight by dropping borders or letting negative space suggest structure. For explicit containers, use `law-of-common-region`.ソース全文
• law-of-common-regionApply the Law of Common Region — a shared container, background, or border groups elements regardless of spacing. Use when grouping must survive a tight layout. For grouping by spacing alone, use `law-of-proximity`.ソース全文
• law-of-continuityApply the Law of Continuity — the eye follows alignment and unbroken paths. Use when sequencing steps, aligning content, or designing carousels and timelines. For grouping rather than sequencing, use `law-of-proximity`.ソース全文
• law-of-figure-groundApply the Law of Figure-Ground — establish which layer is foreground and actionable versus background. Use when designing modals, overlays, and depth. For emphasising one element among peers, use `von-restorff-effect`.ソース全文
• law-of-proximityApply the Law of Proximity — spatial closeness groups elements more strongly than any other cue. Use when spacing alone must carry grouping. For grouping via containers use `law-of-common-region`; via shared appearance use `law-of-similarity`.ソース全文
• law-of-similarityApply the Law of Similarity — shared colour, shape, or size signals that elements belong to one category. Use when signalling relationships across distance. For grouping by position, use `law-of-proximity`.ソース全文
• layout-gridDefine a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside components use `spacing-system`; for cross-device behaviour use `responsive-design`.ソース全文
• legal-extractExtract structured legal information from Brazilian legal PDFs (processo judicial). Handles any area of law: previdenciario, trabalhista, civel, tributario, penal. Detects sentenca, acordao, certidao de transito, calculos, oficio requisitorio, alvara, embargos, procuracao, and 15+ other document types. Triggers on…ソースなし
• leonxlnx-brutalist-skillRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.ソース全文
• leonxlnx-gpt-tasteskillElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.ソース全文
• leonxlnx-minimalist-skillClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.ソース全文
• leonxlnx-redesign-skillUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.ソース全文
• leonxlnx-soft-skillTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.ソース全文
• leonxlnx-stitch-skillSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.ソース全文
• leonxlnx-taste-skillAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.ソース全文
• light-mode-paper-technicalCreate a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.ソース全文
• liquid-metal-borderAdd and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, chips, tabs, cards, or selected surfaces need a metallic active, selected, hover, focus, or premium border; when implementing the MetalFx component from metal.jakubantalik.com; or when troubleshooting…ソース全文
• llm-councilRun a structured council for decisions that need independent perspectives and explicit synthesis.ソースなし
• loading-statesDesign waiting experiences — spinners, skeletons, optimistic updates, and progressive reveal. Use when content takes time to arrive. For the latency budget itself use `doherty-threshold`; for success confirmation use `feedback-patterns`.ソース全文
• localization-designDesign for multiple languages, writing directions, and cultural contexts — text expansion, RTL mirroring, and locale formats. Use when shipping beyond one locale. For the words themselves, use `ux-writing` (designer-toolkit).ソース全文
• market-intelligence-councilPressure-test a high-stakes market, growth, healthcare, or positioning decision through independent expert lenses and evidence-bound synthesis. Use when a decision has meaningful uncertainty, multiple plausible strategies, material spend or launch risk, and needs explicit dissent before commitment.ソースなし
• marquee-loopApply seamless infinite marquee loops using duplicated items.ソース全文
• masked-revealCreate masked staggered word reveals on scroll with GSAP ScrollTrigger. Use when headings, hero copy, section titles, or editorial text should reveal word-by-word through an overflow mask as they enter the viewport.ソース全文
• matterjsUse when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.ソース全文
• mdx-content-localizationCreate and manage MDX blog posts, projects, and pages with proper frontmatter and locale support. Use when writing new blog posts, creating project pages, adding pages, or working with MDX content rendering.ソースなし
• media-useAgent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover,…ソース全文
• medical-dtc-evidence-governanceGovern clinical, regulatory, reimbursement, and direct-to-consumer healthcare claims from evidence through approval-ready copy. Use when researching, reviewing, drafting, or updating consumer-facing healthcare marketing, therapy descriptions, payer/access statements, patient outcomes, or evidence-linked reports.ソースなし
• memory-systemsDesign and implement memory architectures for agent systems. Use when building agents that need to persist state across sessions, maintain entity consistency, or reason over structured knowledge.ソースなし
• mesh-gradient-dark-blue-cleanCreate a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black navy foundation, procedural blue mesh atmosphere, disciplined minimal structure, and…ソース全文
• meta-ads-cli-dry-run-adapterDesign a dry-run Meta Ads CLI or Marketing API adapter for paid-social operators. Use when the user mentions Meta Ads CLI, Marketing API, Business Manager, system-user token, ad accounts, campaigns, ad sets, ads, creatives, pixels, datasets, catalogs, or insights.ソース全文
• metaphor-and-framingUse when an idea is abstract, hard to explain, too generic, or missing a sharp category. Build analogies, metaphors, frames, names, and mental models that make the idea easier to understand, remember, or act on.ソースなし
• metrics-definitionDefine UX metrics and KPIs that connect design decisions to measurable outcomes. Use when choosing what to measure. For presenting the results afterwards, use `design-impact-reporting` (design-ops).ソース全文
• micro-interaction-specSpecify one micro-interaction completely — trigger, rules, feedback, loops, and modes. Use when handing a single interaction to engineering. For motion craft alone use `animation-principles`; for multi-state components use `state-machine`.ソース全文
• migrate-to-codexMigrate supported instruction files, skills, agents, and MCP config into Codex project and global files.ソースなし
• millers-lawApply Miller's Law — chunk information into groups of about four to fit working memory. Use when grouping fields, menu items, or steps. For reducing the number of choices offered, use `hicks-law`.ソース全文
• motion-systemDefine motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use when standardising motion across a system. For crafting one specific animation, use `animation-principles` (interaction-design).ソース全文
• multi-agent-patternsDesign multi-agent architectures for complex tasks. Use when single-agent context limits are exceeded, when tasks decompose naturally into subtasks, or when specializing agents improves quality.ソースなし
• naming-conventionEstablish naming rules for components, tokens, and layers with patterns and worked examples. Use when names are inconsistent or being set. For what the tokens actually contain, use `design-token`.ソース全文
• navigation-patternsSelect and design a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user tasks. Use when choosing how users move between sections. For the underlying content structure, use `information-architecture` (ux-strategy).ソース全文
• nested-container-clean-agencyCreate a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.ソース全文
• nested-container-framesCreate a container-in-container layout system using nested frames. Use an outer centered container with visible vertical boundary lines and corner markers. Inside, place inner containers inset from the edges, each with its own background and rounded frame. Technique: outer container defines global bounds, inner…ソース全文
• next-intl-routingImplement proper i18n routing with next-intl, locale-based URLs, and correct parameter handling in Next.js 16 App Router. Use when creating pages, links, metadata, static params, or working with locale parameters.ソースなし
• nextlevelbuilder-ui-ux-pro-maxUI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design,…ソース全文
• north-star-visionArticulate a long-horizon product vision that aligns teams and anchors strategy. Use when direction is contested or absent. For near-term project scope, use `design-brief`.ソース全文
• number-detailsAdd decorative 01, 02, 03 numeric detail markers.ソース全文
• onboarding-designDesign the first-run experience — activation path, progressive disclosure, and time to first value. Use for a user's very first session. For the mechanics of the signup form itself, use `form-design`.ソース全文
• openai-docsUse for Codex models/pricing, scheduled tasks, skills, settings, setup, troubleshooting, customization, automations, and self-knowledge—including 'you,' 'your,' 'this app,' or 'this coding agent' when they refer to Codex—and for OpenAI APIs/products and ChatGPT Work. Also use for model choice/migration, prompting,…ソースなし
• operational-enterprise-aiCreate or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback. Use for dark cinematic heroes, hairline grids, metric pauses, expandable solution rows, case-study evidence, security proof, and qualified demo or…ソース全文
• opportunity-frameworkIdentify, score, and prioritise design opportunities against impact and effort. Use when there are more ideas than capacity. For framing the one you choose, use `design-brief`.ソース全文
• optimize-threejs-gamesProfile, diagnose, and improve Three.js or WebGL game performance without regressing gameplay. Use for frame-time drops, CPU/GPU pressure, draw calls, texture and geometry budgets, animation loops, adaptive quality, mobile performance, and browser performance verification.ソース全文
• optimize-web-animationsProfile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers. Use when the user asks to make animations…ソース全文
• options-greeksOptions Greeks - Delta, Gamma, Theta, Vega, Rho and higher-order sensitivities. Activates when discussing option sensitivities, hedging ratios, risk exposure, or position Greeks.ソースなし
• options-pricerInteractive Black-Scholes options pricer with real-time Greeks calculation and visualization. Activates when discussing options pricing, Greeks, volatility analysis, or options strategy visualization.ソースなし
• options-quantitativeQuantitative analysis for traditional equity options using Black-Scholes and extensions. Covers pricing, Greeks, implied volatility, and interactive visualization. Triggers on "options pricing", "Black-Scholes", "Greeks", "implied volatility", "options analysis".ソースなし
• orange-clean-paper-saasCreate a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.ソース全文
• paid-social-launch-gatePrepare a paid-social launch checklist and approval gate before campaigns go live. Use when the user mentions Meta Ads, LinkedIn Ads, TikTok Ads, paid-social launch, campaign activation, creative approval, event mapping, claim substantiation, launch checklist, or scaling a paid-social test.ソース全文
• pattern-libraryStructure a pattern entry — problem context, solution, usage examples, and related patterns. Use when documenting a recurring solution rather than a component. For a single component's API, use `component-spec`.ソース全文
• pbakaus-auditRun technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.ソース全文
• pbakaus-critiqueEvaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.ソース全文
• pbakaus-impeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…ソース全文
• pdfUse when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`, `pdfplumber`, and `pypdf` for generation and extraction.ソースなし
• peak-end-ruleApply the Peak-End Rule — a flow is remembered by its most intense moment and its last. Use when designing completion, celebration, or cancellation moments. For sustaining engagement mid-flow, use `zeigarnik-effect`.ソース全文
• performance-profilingGuide performance profiling for Apple platform apps with Instruments, Xcode diagnostics, and MetricKit. Use when investigating app hangs, stutters, high CPU, memory leaks, memory growth, OOM crashes, slow launch, battery drain, thermal issues, App Store performance readiness, or when adding os_signpost and measurement…ソース全文
• pick-ui-libraryPick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.ソース全文
• platform-conventionsDesign to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify. Use when shipping native apps. For breakpoint adaptation use `responsive-design`; for matching competitor patterns use `jakobs-law` (interaction-design).ソース全文
• playwrightUse when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via `playwright-cli` or the bundled wrapper script.ソースなし
• plugin-creatorCreate and scaffold plugin directories for Codex with a required `.codex-plugin/plugin.json`, optional plugin folders/files, valid manifest defaults, and personal-marketplace entries by default. Use when Codex needs to create a new personal plugin, add optional plugin structure, generate or update marketplace entries…ソースなし
• pointer-trail-emitterBuild a cursor trail whose spacing stays constant at any hand speed, by emitting motes per unit of distance travelled rather than on a timer, so a flick draws the same continuous ribbon as a crawl instead of breaking into scattered dots. Covers sub-segment placement, the ring-buffer ordering trap, the idle breath a…ソース全文
• pptxPresentation creation, editing, and analysis. When Codex needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasksソースなし
• presentation-deckStructure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the written argument use `design-rationale`.ソース全文
• pricing-pageUse when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns, experiments). Includes checklists, templates, and common pitfalls.ソース全文
• product-launch-videoTurn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route…ソース全文
• product-marketing-context-builderBuild or refresh a product marketing context artifact for growth work. Use when the user needs positioning context, ICP, personas, objections, proof points, claim boundaries, customer language, product narrative, messaging foundations, or reusable marketing context before ads, SEO, social, lifecycle, or launch work.ソース全文
• product-proof-saasCreate or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof. Use for pale atmospheric shells, product UI in the hero, prompt-to-output stories, audience tabs, compact feature modules, honest pricing comparisons, and FAQ handoffs.ソース全文
• product-sense-reviewUse when reviewing a product idea, feature, landing page, startup concept, UX decision, positioning move, or roadmap bet. Push beyond "sounds useful" by evaluating user behavior, adoption timing, habit change, distribution, metrics, and why the market will or will not pull the product.ソースなし
• progressive-blurCreate a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness. Use when asked for “progressive blur”, “gradient blur overlay”, or stepped blur masks that fade from an edge of the viewport.ソース全文
• project-developmentThis skill should be used when the user asks to "start an LLM project", "design batch pipeline", "evaluate task-model fit", "structure agent project", or mentions pipeline architecture, agent-assisted development, cost estimation, or choosing between LLM and traditional approaches.ソースなし
• prototypeBuild multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.ソース全文
• prototype-strategyChoose prototype fidelity and method to match the design question and the decision at stake. Use before building a prototype. For what to test once it exists, use `test-scenario`.ソース全文
• publish-project-to-githubPackage a finished local project into an intentional GitHub repository, create a strong README and visual preview, push it safely, configure a public GitHub Pages URL when the project is compatible, and verify the deployed result. Use when a user asks to upload, publish, open-source, share, or turn a local…ソース全文
• pubmedSearch PubMed, retrieve PMC full text, trace citations, and screen for retractions. Use for any biomedical, clinical, drug, medical-device, or life-sciences literature question, and whenever a research pass needs PMIDs, MeSH terms, or retraction status rather than web-search snippets.ソースなし
• rams-ramsRun accessibility and visual design review外部リンク
• raphaelsalaja-12-principles-of-animationAudit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.ソース全文
• raphaelsalaja-generating-sounds-with-aiAudit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sounds, or checking audio parameter quality. Outputs file:line findings.ソース全文
• raphaelsalaja-mastering-animate-presenceAudit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.ソース全文
• raphaelsalaja-morphing-iconsBuild icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions", "animate between icons", or "transform icons".ソース全文
• raphaelsalaja-pseudo-elementsAudit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs file:line findings.ソース全文
• raphaelsalaja-sounds-on-the-webAudit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:line findings.ソース全文
• raphaelsalaja-to-spring-or-not-to-springAudit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between springs and easing. Outputs file:line findings.ソース全文
• readable-measureSet line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size and weight scale, use `typography-scale`.ソース全文
• rebuild-image-to-editable-figmaRecreate a screenshot, presentation slide, mockup, or reference image as real HTML/React and CSS components, validate visual fidelity in a browser, and import it into an existing Figma design as editable text, frames, vectors, and shapes. Use when users ask to rebuild an image as HTML, make a screenshot editable,…ソースなし
• receiving-code-reviewUse when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementationソースなし
• remotion-dev-remotion-best-practicesBest practices for Remotion - Video creation in Reactソース全文
• report-designOpinionated design defaults for generated documents - HTML reports, dashboards, daily briefs, research summaries, financial analyses, and Artifacts. Use whenever producing a report, brief, dashboard, or any HTML/PDF output a human will read - finance reports, morning briefs, research syntheses, security audits, trade…ソースなし
• requesting-code-reviewRequest independent review for substantial or risky changes, or when the user or repository requires it.ソースなし
• research-repositoryBuild a repository that makes findings findable, reusable, and cumulative across teams. Use when the same research keeps getting redone. For synthesising one study, use `affinity-diagram`.ソース全文
• research-to-intellectual-essayTransform a research dossier, literature review, source ledger, technical investigation, or evidence-heavy draft into a focused intellectual essay for a general professional audience. Use when research is accurate but reads like a report, when citations and caveats overwhelm the argument, or when the user wants…ソースなし
• responsive-designDesign layouts and interactions that adapt across screen sizes and input methods. Use when one design must serve many viewports. For the underlying column grid use `layout-grid`; for OS-specific patterns use `platform-conventions`.ソース全文
• resumable-agent-handoffCreate or audit a compact handoff package that lets another agent, model, machine, session, or human resume work without repeating discovery or trusting stale assumptions. Use for long-running tasks, cross-harness work, worktree transfers, interrupted investigations, approval pauses, blocked executions, and…ソースなし
• reveal-hover-effectBuild cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover-to-color, before-and-after, x-ray, material, texture, product-detail, and illustrated hero effects where a desaturated or embossed base image should remain visible while another treatment follows an…ソース全文
• review-agentPerform a read-only, defect-first review of a specified code change and return every actionable finding. Use when another agent delegates review of uncommitted changes, a base-branch diff, a commit, or custom review instructions.ソースなし
• review-animationsReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.ソース全文
• sandbox-migrate-to-nextUse when porting a Cloudflare Sandbox app from stable @cloudflare/sandbox to @cloudflare/sandbox@next (Sandbox SDK 1.0 preview), or when the user asks to migrate or upgrade to Sandbox 1.0 / @next. Not for day-to-day stable work (sandbox-stable) or new @next apps (sandbox-next).ソース全文
• sandbox-nextUse when building or changing Cloudflare Sandbox apps on @cloudflare/sandbox@next (Sandbox SDK 1.0 preview)—code execution, AI runners, interpreters, CI-like jobs, terminals, files, mounts, tunnels, preview URLs, lifecycle, or errors. Not for the default stable package (use sandbox-stable) or for porting stable to…ソース全文
• sandbox-sdkBuild sandboxed applications for secure code execution. Load when building AI code execution, code interpreters, CI/CD systems, interactive dev environments, or executing untrusted code. Covers Sandbox SDK lifecycle, commands, files, code interpreter, and preview URLs. Biases towards retrieval from Cloudflare docs…ソースなし
• sandbox-stableUse when building or changing Cloudflare Sandbox apps on the current stable @cloudflare/sandbox package (default npm tag)—commands, sessions, files, ports, tunnels, terminals, bridge, production, or deprecated-API cleanup while staying on stable. Not for @cloudflare/sandbox@next (use sandbox-next) or for porting to…ソース全文
• screenshotUse when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an OS-level capture is needed.ソースなし
• scroll-progress-timelineTurn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior. Use for onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives where…ソース全文
• scroll-scrubbed-visual-sequenceBuild reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers. Use for hero transformations, product assembly, interface state walkthroughs, object rotation, diagrams, or photo sequences that must move forward and…ソース全文
• scroll-scrubbed-word-revealReveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability. Use for headlines, quotes, manifestos, product statements, onboarding messages, or editorial passages where scrolling should pace comprehension…ソース全文
• scroll-world-storytellingTurn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js world, or semantic HTML/SVG data and typography. Use when the user asks for a scroll world, fly-through landing page,…ソース全文
• search-uxDesign search — query input, zero results, refinement, and result presentation. Use when users retrieve rather than browse. For browse structure, use `navigation-patterns`.ソース全文
• security-ownership-mapAnalyze git repositories to build a security ownership topology (people-to-file), compute bus factor and sensitive-code ownership, and export CSV/JSON for graph databases and visualization. Trigger only when the user explicitly wants a security-oriented ownership or bus-factor analysis grounded in git history (for…ソースなし
• seo-auditWhen the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SERP comparison," or "SEO health check." Covers evidence collection (site map, page scrape, SERP…ソースなし
• serial-position-effectApply the Serial Position Effect — first and last items in a sequence are recalled best. Use when ordering menus, lists, and steps. For emphasising one item regardless of its position, use `von-restorff-effect` (ui-design).ソース全文
• service-blueprintMap service delivery across frontstage actions, backstage processes, and supporting systems. Use when staff and operations are part of the experience. For the customer-visible layer only, use `experience-map`.ソース全文
• shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…ソース全文
• shadcn-ui-shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…ソース全文
• shaders-cursor-ripplesAdd cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components. Use when a hero, gallery, or media panel needs a water-ripple mouse effect; when replacing a drifting CSS spotlight or flashlight reveal; or when a prompt says to borrow only the…ソース全文
• ship-web-gamesPackage, deploy, and verify a playable Three.js or web game. Use for release builds, asset delivery, private/public deployment, production smoke tests, browser proof, release notes, rollback readiness, and cleanup of temporary QA resources.ソース全文
• skeuomorphic-uiCreate skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details. Use when asked for pressed, carved, tactile, realistic, soft-plastic, soft-metal, or premium physical interface styling.ソース全文
• skill-creatorUse when creating a new skill from scratch, updating or optimizing an existing skill, running evals to test a skill, benchmarking skill performance, or improving a skill's triggering accuracy.ソースなし
• skill-installerInstall Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path. Use when a user asks to list installable skills, install a curated skill, or install a skill from another repo (including private repos).ソースなし
• skill-regression-testerBuild and run regression tests for Codex or Claude skills, including package integrity, trigger precision, non-trigger cases, output contracts, safety behavior, resource references, and behavior changes across revisions. Use after creating or materially changing a skill, after a real failure, or before sharing a skill…ソースなし
• social-content-fact-check-rewriteFact-check and rewrite social posts before publication. Use when the user mentions LinkedIn posts, X/Twitter threads, founder posts, social copy, thought leadership, claims review, public-post approval, content rewrite, or making social content safer without losing the point.ソース全文
• solar-duotone-boldUse Iconify Solar Duotone Bold icon style.ソース全文
• spacing-systemCreate a spacing scale from a base unit with rules for when each step applies. Use when standardising padding and margins. For page-level columns and gutters, use `layout-grid`.ソース全文
• speechUse when the user asks for text-to-speech narration or voiceover, accessibility reads, audio prompts, or batch speech generation via the OpenAI Audio API; run the bundled CLI (`scripts/text_to_speech.py`) with built-in voices and require `OPENAI_API_KEY` for live calls. Custom voice creation is out of scope.ソースなし
• split-layout-technicalCreate a technical split-screen design system with dual panels, fine frame lines, mono metadata, quiet editorial typography, and premium inset surfaces.ソース全文
• staggered-word-revealCreate subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport. Use for premium portfolio headlines, hero copy, section intros, and short marketing text that needs a cinematic staggered reveal with IntersectionObserver or in-view detection.ソース全文
• stakeholder-alignmentBuild alignment artifacts — responsibility matrices, decision rights, and communication plans. Use when unclear ownership stalls decisions. For persuading in the moment, use `design-negotiation` (designer-toolkit).ソース全文
• state-machineModel component behaviour as explicit states, events, and transitions. Use when a component has many interacting states that must be exhaustive. For the feel and feedback of a single interaction, use `micro-interaction-spec`.ソース全文
• stitched-full-page-captureCapture or repair reliable full-page screenshots for lazy-loaded, scroll-animated, Framer, WebGL/canvas, or reveal-heavy web pages. Use when full-page screenshots are blank, gray, white, sparse, show a tiny content strip, disagree with a working scroll video, or when article evidence/section crops must be derived from…ソース全文
• story-craft-editorUse when editing stories, essays, social posts, speeches, scripts, landing-page narratives, case studies, founder stories, or any piece that needs a stronger hook, character, scene, stakes, emotional arc, or memorable ending.ソースなし
• stress-test-tradeSystematic devil's advocate for trade theses. Activates when reviewing options trades, validating trade recommendations, stress-testing bullish/bearish cases, or when "poke holes", "stress test", "devil's advocate", "what could go wrong" is mentioned in trading context.ソースなし
• subagent-driven-developmentUse when executing implementation plans with independent tasks in the current sessionソースなし
• summarize-interviewTurn one interview transcript into themes, supporting quotes, and action items. Use immediately after a session. For synthesising many sessions at once, use `affinity-diagram`.ソース全文
• survey-designDesign unbiased survey instruments — question wording, scales, and sampling — to measure attitudes at scale. Use when you need quantitative breadth. For behavioural experiments, use `a-b-test-design` (prototyping-testing).ソース全文
• swiftui-animationDesign, implement, refactor, debug, and review native SwiftUI animations and transitions. Use for state-driven motion, springs, gestures, view insertion or removal, matched geometry, SF Symbol effects, phase or keyframe choreography, custom Animatable types, animation completion, Reduce Motion support, animation…ソースなし
• swiftui-product-design-masterDesign, implement, critique, and elevate production SwiftUI experiences by combining product strategy, Apple-platform interaction design, native SwiftUI architecture, accessibility, motion, adaptive layout, performance, and evidence-based visual QA. Use for new iOS/iPadOS/macOS product surfaces, major SwiftUI features…ソースなし
• systematic-debuggingStructured 4-phase debugging protocol for any bug, test failure, or unexpected behavior. Use when encountering errors, test failures, build failures, performance problems, integration issues, or unexpected behavior — especially when under time pressure or after a fix attempt has already failed.ソースなし
• tailwindcssUse when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.ソース全文
• tastemakerDevelop visual direction from user references, critique an existing UI, or create reference comps when those design decisions are part of the task.ソース全文
• team-workflowDesign the team's operating rhythm — task management, collaboration rituals, and tooling. Use when the day-to-day cadence needs structure. For a time-boxed sprint, use `design-sprint-plan`.ソース全文
• tech-green-dark-mode-modernCreate a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow.ソース全文
• technical-seo-launch-auditAudit technical SEO launch readiness for sites and landing pages. Use when the user mentions SEO launch, technical SEO, sitemap, robots.txt, canonical URLs, metadata, structured data, noindex, redirects, crawlability, Search Console, or pre-launch SEO QA.ソース全文
• technical-wireframe-info-layoutCreate a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.ソース全文
• teslers-lawApply Tesler's Law — every process has irreducible complexity that someone must absorb. Use when deciding whether the product or the user carries it. For reducing apparent choice, use `hicks-law`.ソース全文
• test-driven-developmentUse when the user requests test-driven development or a behavior change needs a focused executable regression test.ソースなし
• test-playable-web-gamesTest a playable browser game end to end with deterministic fixtures and real browser evidence. Use for gameplay QA, regression testing, controls, accessibility, responsive/mobile testing, save flows, console checks, performance smoke tests, and release verification.ソース全文
• test-scenarioWrite realistic usability task scenarios with success criteria and facilitation notes. Use when you have a study and need the tasks. For the surrounding study design, use `usability-test-plan` (design-research).ソース全文
• testingTesting patterns and best practices across languages. Covers unit testing (pytest, jest, Swift Testing), integration testing, TDD workflows, mocking, fixtures, test organization, and coverage analysis. Use when writing tests, setting up test infrastructure, or improving test quality.ソースなし
• theming-systemDesign theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers. Use when one system must serve multiple themes. For a single palette use `color-system` (ui-design); for dark mode craft use `dark-mode-design` (ui-design).ソース全文
• thinking-orbsAdd accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generation, or tool-running interface needs a semantic working, searching, solving, listening, composing, or shaping state; when replacing a generic spinner with an AI activity…ソース全文
• thread-orchestratorDecompose a user-approved request into safe, dependency-aware Codex tasks, create visible task threads or context forks, coordinate their progress, and return an evidence-backed synthesis. Use when the user asks to spin up new chats, parallel agents, a team of tasks, independent reviews, model routing, or a follow-on…ソースなし
• threejsUse when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance). Helpful for designers shipping 3D UI moments.ソース全文
• threejs-landscapeBuild a live Three.js landscape that stays quiet behind a subject — a noise heightfield on a polar grid so resolution follows the lens, ground coloured by slope and moisture rather than by texture, instanced GPU grass whose wind costs nothing on the CPU, scattered stones, a gradient sky dome, a star field you can…ソース全文
• threejs-towersGenerate architecture procedurally in Three.js and film it assembling — a small geometry vocabulary that builds pagodas, castles, domes and spires from parameters instead of mesh files, hip roofs with flying eaves driven by a single profile function, and a clipping-plane build animation where everything below a rising…ソース全文
• threejs-weatherPut weather into a Three.js scene that reads as weather — rain anchored inside the frustum, a storm that is the rain leaned on rather than a second system, lightning on its own light with thunder scheduled by distance, snow that blows up into blizzards and keeps settling until the ground goes white, wet ground with…ソース全文
• tool-contract-designerDesign or review tools, functions, APIs, MCP methods, CLI wrappers, and application actions intended for use by AI agents. Use when defining input and output schemas, side effects, preconditions, errors, idempotency, retries, dry runs, permissions, approvals, and post-action verification, or when an agent repeatedly…ソースなし
• tool-designDesign tools that agents can use effectively. Use when creating new tools for agents, debugging tool-related failures, or optimizing existing tool sets.ソースなし
• tracking-feedback-loopUse when a process needs measurement, iteration, accountability, or operating cadence: experiments, productivity audits, growth loops, bug recurrence, sales follow-up, content performance, workflow improvement, or team operating metrics.ソースなし
• trade-disciplineUnified pre-trade discipline system. Activates when evaluating trades, calculating position sizes, checking options eligibility, or when behavioral pattern warnings are needed. Covers position sizing, pre-trade gate, options cooldown, and behavioral pattern matching.ソースなし
• trade-pattern-matcherMatch proposed trades against historical trade outcomes. Activates when evaluating new trade ideas to find similar past trades and their results. Answers "Have I done this before? What happened?"ソースなし
• transcribeTranscribe audio files to text with optional diarization and known-speaker hints. Use when a user asks to transcribe speech from audio/video, extract text from recordings, or label speakers in interviews or meetings.ソースなし
• tune-enemy-aiBuild, debug, balance, or test combat enemy AI for playable action games. Use for aggro, target selection, navigation, spacing, attack choices, telegraphs, retreats, boss behavior, behavior-state machines, and deterministic AI regression tests.ソース全文
• turnstile-spinSet up Cloudflare Turnstile end-to-end in a project. Scan the codebase, create the widget via the Cloudflare API, embed it where user requests need bot verification (form submissions, SPA actions, API endpoints, download links, comment or vote submissions, etc.), wire canonical server-side siteverify in the customer's…ソース全文
• typography-scaleCreate a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use `readable-measure`; for judging type on an existing screen use `critique-typography` (visual-critique).ソース全文
• unicorn-studioUse when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performance, layering with UI, fallbacks).ソース全文
• unsplash-asset-imagesUse when you need to pick high-quality Unsplash images for product/design assets (avatars, headshots, portraits, large website backgrounds, and abstract wallpapers) and output real Unsplash URLs plus practical instructions for producing the right resolutions and aspect ratios (1:1, 4:5, 3:4, 16:9, 9:16).ソース全文
• unstructured-problem-solverUse when the user brings an ambiguous problem with no clear entry point: strategy, research, operations, product planning, debugging direction, personal workflow, or "I don't know where to start." Convert ambiguity into ranked options, bounded commitments, and the first useful move.ソースなし
• usability-test-planDesign a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide. Use when planning the study as a whole. For writing the task scenarios inside it, use `test-scenario` (prototyping-testing).ソース全文
• user-flow-diagramDiagram screen-level paths, decision points, and branch logic. Use when specifying how a feature is traversed. For the emotional end-to-end arc, use `journey-map` (design-research).ソース全文
• user-personaBuild research-grounded personas with goals, frustrations, and behavioural patterns. Use when decisions need a consistent user reference. For one session's emotional snapshot use `empathy-map`; for motivation framing use `jobs-to-be-done`.ソース全文
• using-git-worktreesUse when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verificationソースなし
• using-superpowersChoose among the repository's workflow skills when a task needs workflow guidance or the user asks how to use them.ソースなし
• ux-writingWrite interface copy — microcopy, error messages, empty states, and CTAs. Use when the words are the deliverable. For content structure and ownership, use `content-strategy` (ux-strategy).ソース全文
• vantajsUse when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).ソース全文
• variantAnswers "which of these?" rather than "is this right?". Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.ソース全文
• verification-before-completionAssess whether available evidence supports a completion claim using verification proportional to the changed behavior and repository policy.ソースなし
• verification-gateEvidence-before-claims gate for all completion assertions. Use when about to claim work is complete, fixed, passing, or ready — before committing, creating PRs, marking tasks done, or moving to next steps. Prevents false completion claims by requiring fresh verification output.ソースなし
• version-control-strategyDefine version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system contribution rules, use `design-system-governance` (design-systems).ソース全文
• video-to-superpromptTurn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the design, UI, animations, transitions, scroll interactions, typography, colors, assets, WebGL/Three.js, storytelling, section-by-section…ソース全文
• visual-hierarchyEstablish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an existing screen, use `critique-visual-hierarchy` (visual-critique).ソース全文
• von-restorff-effectApply the Von Restorff Effect — the element that differs from its neighbours is the one remembered. Use when a single action must dominate. For overall ordering rather than single-element emphasis, use `visual-hierarchy`.ソース全文
• web-artifacts-builderSuite of tools for creating elaborate, multi-component Codex.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.ソースなし
• web-design-engineerBuild or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact.…ソース全文
• web-perfAnalyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize…ソース全文
• web-technique-to-skillTurn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it work while reproducing its approved reference exactly around that focus, and packaging it with a demo that proves both the mechanism and the visual fidelity. Covers finding the…ソース全文
• web-video-presentationTurn an article or narration script into a click-driven, 16:9 web presentation with optional generated audio. Align on the script, outline, theme, assets, and development approach, then build the presentation chapter by chapter.ソース全文
• webgl-3d-objectCreate a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera, subtle rotation, and floating motion. Use when a page needs a faceted 3D hero object or product-like visual with real lighting instead of CSS transform tricks.ソース全文
• webgl-landing-steeringUse when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion clarity, performance, and implementation complexity.ソース全文
• webgl-laserCreate a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam. Use only for laser background effects, not full page layout, copy, generic hero scenes, particles, or unrelated motion systems.ソース全文
• wireframe-specSpecify wireframe layout — content priority, component placement, and annotation. Use when defining structure before visual design. For grid mechanics, use `layout-grid` (ui-design).ソース全文
• workers-best-practicesReviews and authors Cloudflare Workers code against production best practices. Load when writing new Workers, reviewing Worker code, configuring wrangler.jsonc, or checking for common Workers anti-patterns (streaming, floating promises, global state, secrets, bindings, observability). Biases towards retrieval from…ソース全文
• workflow-substitution-auditUse when redesigning a business or software workflow with AI, automation, agents, forms, databases, or digital tools. Especially use when someone asks to "automate" an existing process; first check whether the old workflow should be substituted, collapsed, or re-sequenced instead of copied step-for-step.ソースなし
• wranglerConfigure and operate Cloudflare Workers with Wrangler when the task needs its CLI, bindings or deployment workflow.ソース全文
• write-like-meng-on-xWrite, rewrite, review, or continuously refine X/Twitter posts in Meng To's current voice using his deduplicated authored-post corpus, personal and product context, shared resources, and Content repo evidence. Use when asked to improve a tweet in Meng's tone, draft an original post, reply, thread, resource share, or…ソース全文
• write-swiftHow to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know…ソース全文
• writingWrite and edit blog posts, project descriptions, and page content with clear, concise prose. Use when creating new content, improving existing copy, writing summaries, crafting headlines, or editing for clarity and engagement. Focuses on tech-savvy professional audience.ソースなし
• writing-plansUse when you have a spec or requirements for a multi-step task, before touching codeソースなし
• writing-skillsUse when creating new skills, editing existing skills, or verifying skills work before deploymentソースなし
• wshobson-interaction-designDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.ソース全文
• x-bookmark-quote-postsCheck a user's latest X/Twitter bookmarks and turn recent saved posts into source-backed quote-post drafts calibrated against the user's latest 100 authored posts. Use when asked to review X bookmarks, create quote posts from bookmarks, refresh a bookmark quote queue, run a bookmark quote automation, study a user's X…ソース全文
• xlsxComprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Codex needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify…ソースなし
• zarazhangrui-frontend-slidesCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.ソース全文
• zeigarnik-effectApply the Zeigarnik Effect — incomplete tasks stay mentally active. Use when designing progress indicators, saved drafts, and return hooks. For the emotional shape of the ending, use `peak-end-rule`.ソース全文
• zeke-swiss-designApply a Swiss International Style design system using Tailwind CSS. Use when asked to style a webpage, clean up a UI, apply a design system, make something look great, or when the user references Swiss design, grotesque fonts, Helvetica, grid systems, modernist typography, or 1960s/1950s design aesthetics. Implements…ソース全文
• zender-ideas-indexUse only when curating, expanding, auditing, or citing the shared Noah Zender ideas skill library. This is a low-trigger source catalog, not a general thinking skill. It helps map Noah Zender idea pages to active workflow skills and reference-only concept cards.ソースなし
• Ad preflight reviewUse this workflow before submitting, uploading, publishing, or launching paid media assets.ソース全文
• Analytics consent auditUse this workflow when analytics or paid-media tracking might be installed but you need to prove how consent, runtime events, and platform receipt actually behave.ソース全文
• Approval boundary matrixUse this workflow to define what an AI agent can do without asking and what must be approved.ソース全文
• External action gateUse this workflow before an agent sends, posts, comments, publishes, merges, invites, deletes, or otherwise changes something outside the local workspace.ソース全文
• Google Ads upload QAUse this workflow before posting a Google Ads bulk upload from Google Ads Editor, CSV files, XLSX workbooks, or account-import sheets.ソース全文
• Google Workspace operator packUse this workflow when an SMB AI operator needs a low-tech operating layer built around Google Workspace: Sheets for state, Drive and Docs for files and drafts, Calendar for scheduling context, and Gmail for message context and draft replies.ソース全文
• Growth launch readinessUse this workflow when a growth launch needs one packet that ties together product context, creative preflight, paid launch gates, analytics readiness, and post-launch learning.ソース全文
• Growth loop diagnosisUse this workflow when a product needs a decision about which growth loop to strengthen before choosing channels, spend, or experiments.ソース全文
• Learning extractorUse this workflow after a hard fix, repeated process, or user correction.ソース全文
• Meta Ads CLI dry-run adapterUse this workflow when an agent needs to inspect or prepare Meta Ads work through the Meta Ads CLI or Marketing API while keeping real account access, token use, ad submission, account mutation, and spend changes gated.ソース全文
• Multi-agent review loopUse this workflow when quality improves by having independent agents examine the same question from different angles.ソース全文
• Paid social launch gateUse this workflow before a paid-social campaign is submitted, uploaded, enabled, scaled, or changed in a platform account.ソース全文
• Product marketing context builderUse this workflow when growth work needs stable product, audience, proof, and claim-boundary context before execution.ソース全文
• Agentic project pulseUse this workflow when a project needs a compact status update and ranked next actions.ソース全文
• Repo triage workflowUse this workflow when an agent enters an unfamiliar codebase.ソース全文
• Research-to-decision pipelineUse this workflow when research must end in a recommendation, not a pile of links.ソース全文
• Social content fact-check rewriteUse this workflow before publishing or scheduling social content.ソース全文
• Subagent delegation briefUse this workflow when a task can be split into independent workstreams.ソース全文
• Technical SEO launch auditUse this workflow when a public page, marketing site, or migration needs technical SEO launch QA.ソース全文

スキルまたはワークフローを選ぶ

一覧から項目を選び、指示やファイル、各ワークフローの進め方を確認できます。

件数が示すもの

ここに示す件数は、上の絞り込みに関係なく、505 件の公開スキルを集計したものです。実行回数、人気、品質を表すものではありません。各項目は、閲覧用の主カテゴリ一つに分類しています。

カテゴリ別の内訳と公開状況

主カテゴリ · 505 件の公開スキル

カテゴリ	スキル	割合
ワークフローとシステム	134	26.5%
UI とビジュアルシステム	73	14.5%
モーションとインタラクション	58	11.5%
Web とフロントエンド	58	11.5%
アセットとメディア	30	5.9%
ゲームと 3D	30	5.9%
開発とリリース	26	5.1%
UX 戦略とリサーチ	22	4.4%
ブランドとコンテンツ	20	4.0%
調査と知識	15	3.0%
プロトタイピングとテスト	13	2.6%
マーケティングとグロース	12	2.4%
データと分析	10	2.0%
iOS と Swift	4	0.8%
合計	505	100%

自作スキル 10 件を公開リポジトリで公開しています。他の著者によるスキル 362 件は、元のリポジトリや出典にリンクしています。133 件は権利の帰属が未確認で、自作とはしていません。現在のリポジトリツリーには、他の著者によるスキル定義のコピーは残っていません。

19 件の公開ワークフロー手順書は別に集計しています。ローカルのコマンドファイル 362 件とベンダー製プラグインの指示は、公開一覧の対象外です。

プロジェクト一覧に戻る