███████╗██╗ ██╗██╗██╗ ██╗ ██████╗ █████╗ ███╗ ██╗██╗ ██╗
██╔════╝██║ ██╔╝██║██║ ██║ ██╔══██╗██╔══██╗████╗ ██║██║ ██╔╝
███████╗█████╔╝ ██║██║ ██║ ██████╔╝███████║██╔██╗ ██║█████╔╝
╚════██║██╔═██╗ ██║██║ ██║ ██╔══██╗██╔══██║██║╚██╗██║██╔═██╗
███████║██║ ██╗██║███████╗███████╗ ██║ ██║██║ ██║██║ ╚████║██║ ██╗
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝
Agent Skills 排行榜 · 关键词 + 语义搜索
| # | Skill | 仓库 | 描述 | 安装量 |
|---|---|---|---|---|
| 6251 | python-best-practices | alleneubank/claude-code |
Python Best Practices Follows type-first, functional, and error handling patterns from CLAUDE.md. This skill covers language-specific idioms only. Make Illegal States Unrepresentable Use Python's type system to prevent invalid states at type-check time. Frozen dataclasses for immutable domain models: from dataclasses import dataclass from datetime import datetime @dataclass ( frozen = True ) class User : id : str email : str name : str created_at : datetime Show more Installs 1.9K Repository all...
|
2K |
| 6252 | deck-open-slide-canvas | nexu-io/open-design |
【模板: 1920 画布自由 Deck】 【意图】不想被模板束缚的场景 (个人作品集、奇特演讲、艺术 / 设计课 deck)。给一个固定 1920×1080 画布 + 极强的类型 / 调色约束, 让 agent 像写 React 组件一样按内容自由排布每一页。Inspired by 1weiho/open-slide。 【硬性技术规格】 画布: 每页严格 width: 1920px; height: 1080px; 用 transform: scale(...) 适配视窗 (默认 scale(0.7) 居中)。 绝对禁止 overflow : 每页内容必须 fit in 1920×1080, 不许滚动条出现。 字号 type scale (px): 2xs:18 · xs:22 · sm:28 · md:36 · lg:48 · xl:64 · 2xl:88 · 3xl:120 · 4xl:160 · 5xl:220 。 边距 padding: 96 / 128 / 160 三档之一。 每页有 <section class="slide" data-slide-id="<n>"> 。 ...
|
2K |
| 6253 | video-hyperframes | nexu-io/open-design |
【模板: Hyperframes 视频帧】 输出 N 个连续 <section class="frame"> , 每个 w-[1920px] h-[1080px] ; N 由【用户内容】信息密度决定 (短脚本 6-10 帧起步, 长脚本应更多, 每帧只承载一个镜头/概念)。 每帧表达一个镜头/概念: 文字 + 视觉构图 (中央构图 / 黄金分割 / 三分法)。 每帧底部隐藏标记 <!-- frame:N duration:3000 transition:fade --> 供后续 Remotion / Hyperframes 渲染脚本读取。 顶部加一段 JavaScript 自动播放: 每 3 秒切换到下一帧, 也支持点击 / 方向键控制; 角落显示进度条。 第 1 帧是 hook (一个数据 / 一个反常识 / 一个问题), 第 2-N 是论证, 最后是结论 + CTA。 字号巨大 (text-9xl), 一句话即可, 不要堆砌。 配色统一一套电影感 (深色背景 + 1 个霓虹强调色)。 输出最后包含一段简短注释 <!-- HYPERFRAMES_META: ... --> , 包含每...
|
2K |
| 6254 | epic-breakdown-advisor | deanpeters/product-manager-skills |
Purpose Guide product managers through breaking down epics into user stories using Richard Lawrence's complete Humanizing Work methodology—a systematic, flowchart-driven approach that applies 9 splitting patterns sequentially. Use this to identify which pattern applies, split while preserving user value, and evaluate splits based on what they reveal about low-value work you can eliminate. This ensures vertical slicing (end-to-end value) rather than horizontal slicing (technical layers). This is ...
|
2K |
| 6255 | deck-swiss-international | nexu-io/open-design |
【模板: 瑞士国际主义 Deck (Swiss International)】 【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by op7418/guizang-ppt-skill Style B。 【主题】 只能从下面 4 套二选一, 不许混用、不许改 hex : 🔵 Klein Blue (IKB) — accent 002FA7 , paper fafaf8 , ink 0a0a0a . 商业 / AI / 设计场景。 🟡 Lemon Yellow — accent FFD500 , paper f7f5ee (淡奶油), ink 0a0a0a . 年轻 / 零售 / 体育。文字必须用黑色 (不能白色)。 🟢 Lemon Green / Neon — accent C5E803 , paper f7f5ee , ink 0a0a0a . 可持续 / 科技初创 / Gen-Z 品牌。文字必须用黑色。 🟠 Safety Orange — accent FF6B35 , paper f7f5ee , ink 0a0a...
|
2K |
| 6256 | career-transitions | refoundai/lenny-skills |
Career Transitions Help the user navigate career changes using frameworks from 76 product leaders who have successfully pivoted roles, industries, and career stages. How to Help When the user asks for help with a career transition: Identify the type of move - Determine if they're seeking a new role, new function, new stage, or entirely new path Understand motivations - Uncover the "pushes" (frustrations) and "pulls" (attractions) driving the change Assess readiness signals - Help them evaluate i...
|
2K |
| 6257 | written-communication | refoundai/lenny-skills |
Written Communication Help the user communicate more effectively in writing using frameworks and insights from 38 product leaders. How to Help When the user asks for help with written communication: Clarify the purpose - Ask what action or outcome they want from readers Apply the pyramid principle - Guide them to lead with the conclusion, not build up to it Cut ruthlessly - Help them eliminate unnecessary context and get to the point faster Test for simplicity - Ensure someone unfamiliar with th...
|
2K |
| 6258 | shadcn | vercel-labs/json-render |
shadcn/ui A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI. IMPORTANT: Run all CLI commands using the project's package runner: npx shadcn@latest , pnpm dlx shadcn@latest , or bunx --bun shadcn@latest — based on the project's packageManager . Examples below use npx shadcn@latest but substitute the correct runner for the project. Current Project Context !`npx shadcn@latest info --json 2 >/dev/ null || echo ' { "error...
|
2K |
| 6259 | alibabacloud-find-skills | aliyun/alibabacloud-aiops-skills |
Alibaba Cloud Agent Skills Search & Discovery This skill helps users search, discover, and install Alibaba Cloud official Agent Skills through the agentexplorer CLI plugin. Scenario Description This skill enables users to: Search Skills — Find Alibaba Cloud Agent Skills by keyword, category, or both Browse Categories — Explore available skill categories and subcategories View Skill Details — Get detailed information about specific skills Install Skills — Guide users through skill installation pr...
|
2K |
| 6260 | generative-ui | himself65/finance-skills |
Generative UI Skill This skill contains the complete design system for Claude's built-in show_widget tool — the generative UI feature that renders interactive HTML/SVG widgets inline in claude.ai conversations. The guidelines below are the actual Anthropic "Imagine — Visual Creation Suite" design rules, extracted so you can produce high-quality widgets directly without needing the read_me setup call. How it works : On claude.ai, Claude has access to the show_widget tool which renders raw HTML/SV...
|
2K |
| 6261 | troubleshooting | chromedevtools/chrome-devtools-mcp |
Troubleshooting Wizard You are acting as a troubleshooting wizard to help the user configure and fix their Chrome DevTools MCP server setup. When this skill is triggered (e.g., because list_pages , new_page , or navigate_page failed, or the server wouldn't start), follow this step-by-step diagnostic process: Step 1: Find and Read Configuration Your first action should be to locate and read the MCP configuration file. Search for the following files in the user's workspace: .mcp.json , gemini-exte...
|
2K |
| 6262 | problem-statement | deanpeters/product-manager-skills |
Purpose Articulate a problem from the user's perspective using an empathy-driven framework that captures who they are, what they're trying to do, what's blocking them, why, and how it makes them feel. Use this to align stakeholders on the problem before jumping to solutions, and to frame product work around user outcomes rather than feature requests. This is not a requirements doc—it's a human-centered problem narrative that ensures you're solving a problem worth solving. Key Concepts The Proble...
|
2K |
| 6263 | mantine-form | mantinedev/skills |
Mantine Form Skill Core Workflow 1. Set up the form const form = useForm ( { mode : 'controlled' , // or 'uncontrolled' for large forms initialValues : { email : '' , age : 0 , } , validate : { email : isEmail ( 'Invalid email' ) , age : isInRange ( { min : 18 } , 'Must be at least 18' ) , } , } ) ; 2. Wire inputs with getInputProps < TextInput { ... form . getInputProps ( 'email' ) } label = " Email " /> < NumberInput { ... form . getInputProps ( 'age' ) } label = " Age " /> For checkboxes pass...
|
2K |
| 6264 | company-values | slavingia/skills |
You are a business advisor channeling the philosophy of The Minimalist Entrepreneur by Sahil Lavingia. Help the user define their company values — the foundation of their culture. Core Principle Focus on culture before hiring. Before you hire anyone, define what kind of company people want to work for. Values are how you do that. They're not generic two-word commandments — they're for stating the non-obvious, in non-obvious ways. Why Values Matter Values tell employees how to behave every day AN...
|
2K |
| 6265 | nextflow-development | anthropics/knowledge-work-plugins |
nf-core Pipeline Deployment Run nf-core bioinformatics pipelines on local or public sequencing data. Target users: Bench scientists and researchers without specialized bioinformatics training who need to run large-scale omics analyses—differential expression, variant calling, or chromatin accessibility analysis. Workflow Checklist - [ ] Step 0: Acquire data (if from GEO/SRA) - [ ] Step 1: Environment check (MUST pass) - [ ] Step 2: Select pipeline (confirm with user) - [ ] Step 3: Run test profi...
|
2K |
| 6266 | adspower-browser | adspower/adspower-browser |
AdsPower Local API with adspower-browser The Skills CLI (npx adspower-browser) is the package manager for operate AdsPower browser profiles, groups, proxies, and application/category lists via the adspower-browser CLI. When to Use This Skill Apply when the user: Asks to create, update, delete, or list AdsPower browser profiles Mentions opening or closing browsers/profiles, fingerprint, UA, or proxy Wants to manage groups, proxies, or check API status Refers to AdsPower or adspower-browser (and M...
|
2K |
| 6267 | interface-kit | juliusbrussee/skills |
Interface Kit: Implementation Guide for Exceptional Interfaces If a DESIGN.md exists at the project root, its tokens and specifications override all defaults in this skill. This skill provides sensible defaults for when no design system exists, and implementation guidance that applies regardless. For deep dives on any section, see the reference files in this skill's references/ directory. 1. Core Philosophy Taste is trained, not innate. Study why great interfaces feel right. Deconstruct apps you...
|
2K |
| 6268 | game-design-theory | pluginagentmarketplace/custom-plugin-game-developer |
Game Design Theory The MDA Framework ┌─────────────────────────────────────────────────────────────┐ │ MDA FRAMEWORK │ ├─────────────────────────────────────────────────────────────┤ │ MECHANICS (Rules): │ │ → Player actions, constraints, state changes │ │ → Example: Jump has height limit, costs stamina │ │ ↓ │ │ DYNAMICS ...
|
2K |
| 6269 | spline-interactive | freshtechbro/claudedesignskills |
Spline Interactive - Browser-Based 3D Design and Animation Overview Spline is a browser-based 3D design and animation platform that enables creators to build interactive 3D experiences without requiring code or specialized software knowledge. It provides a collaborative visual editor for designing, animating, and exporting 3D scenes across multiple platforms. Key Features : Visual 3D modeling with parametric shapes, extrusion, and boolean operations State-based animation system with timeline con...
|
2K |
| 6270 | figma-create-design-system-rules | openai/skills |
figma-create-design-system-rules Curated from Figma's MCP server guide. What it does Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source. Source Upstream: https://github.com/figma/skills Category: figma How to use This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the ...
|
2K |
| 6271 | prometheus-label-strategy | grafana/skills |
Prometheus Label Strategy Evaluator You are an expert in Prometheus label strategy. When asked to evaluate, audit, design, or improve a Prometheus label schema — or when a user asks how to prevent high cardinality at the source — use this guide to provide structured, actionable advice. This skill is about preventing bad labels at the source — in application instrumentation and in scrape target labels — so they never enter storage. It is not about stripping labels off metrics after they've been e...
|
2K |
| 6272 | sentry-android-sdk | getsentry/sentry-for-ai |
All Skills > SDK Setup > Android SDK Sentry Android SDK Opinionated wizard that scans your Android project and guides you through complete Sentry setup — error monitoring, tracing, profiling, session replay, logging, and more. Invoke This Skill When User asks to "add Sentry to Android" or "set up Sentry" in an Android app User wants error monitoring, crash reporting, ANR detection, tracing, profiling, session replay, or logging in Android User mentions sentry-android , io.sentry:sentry-android ,...
|
2K |
| 6273 | sentry-dotnet-sdk | getsentry/sentry-for-ai |
All Skills > SDK Setup > .NET SDK Sentry .NET SDK Opinionated wizard that scans your .NET project and guides you through complete Sentry setup: error monitoring, distributed tracing, profiling, structured logging, and cron monitoring across all major .NET frameworks. Invoke This Skill When User asks to "add Sentry to .NET", "set up Sentry in C", or "install Sentry for ASP.NET Core" User wants error monitoring, tracing, profiling, logging, or crons for a .NET app User mentions SentrySdk.Init , Us...
|
2K |
| 6274 | i18n-expert | daymade/claude-code-skills |
I18n Expert Overview Deliver a complete i18n setup + audit pass: configure the i18n framework, replace user-facing strings with keys, ensure locale parity, and validate pluralization/formatting for en-US and zh-CN. Core Capabilities Library selection and setup (React, Next.js, Vue). Key architecture and locale file organization. Translation generation and quality strategy (AI, professional, manual). Routing and language detection/switching. SEO and metadata localization (when applicable). RTL ...
|
2K |
| 6275 | qwen-asr | aahl/skills |
Qwen ASR Transcribe an audio file (wav/mp3/ogg...) to text using Qwen ASR. No configuration or API key required. Usage uv run scripts/main.py -f audio.wav cat audio.mp3 | uv run scripts/main.py > transcript.txt curl https://example.com/audio.ogg | uv run scripts/main.py
|
2K |
| 6276 | doc-kami-parchment | nexu-io/open-design |
【模板: Kami 羊皮纸文档】 【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93/kami。强调"写得像被排过版的纸", 不是 dashboard, 不是网页。 【硬性视觉签名 — 不许改】 画布 : 暖羊皮纸 f5f4ed (永远不用纯白 fff )。次级背景 efeee5 。 墨色 : 主文字 1f1d18 (近黑暖灰, 不用纯黑 000 )。次文字 6b665b 。 唯一色彩 : 墨蓝 1B365D ——所有 accent (链接、tag 描边、重点数字、引用左 rule) 只能用这一个色, 严禁多色。 字体 : 一种语言一种衬线, 全文不混用: 英文: Charter (fallback: Source Serif Pro , Iowan Old Style ) 中文: TsangerJinKai02 W04 (fallback: Noto Serif SC ) 日文: YuMincho (fallback: Noto Serif JP ) Body 400,...
|
2K |
| 6277 | effect-ts | effect-ts/skills |
Effect-TS Expert Expert guidance for functional programming with the Effect library, covering error handling, dependency injection, composability, and testing patterns. Prerequisites Check Before starting any Effect-related work, verify the Effect-TS source code exists at ~/.effect . If missing, stop immediately and inform the user. Clone it before proceeding: git clone https://github.com/Effect-TS/effect.git ~/.effect Research Strategy Effect-TS has many ways to accomplish the same task. Proact...
|
2K |
| 6278 | mapbox-web-integration-patterns | mapbox/mapbox-agent-skills |
Mapbox Integration Patterns Skill This skill provides official patterns for integrating Mapbox GL JS into web applications across different frameworks. These patterns are based on Mapbox's create-web-app scaffolding tool and represent production-ready best practices. Version Requirements Mapbox GL JS Recommended: v3.x (latest) Minimum: v3.0.0 Why v3.x: Modern API, improved performance, active development v2.x: Still supported but deprecated patterns (see migration notes below) Installing via npm...
|
2K |
| 6279 | twitter-x-posts | kostja94/marketing-skills |
Platforms: X (Twitter) Guides X post copy creation and optimization. Use for generating publish-ready posts, threads, and content that performs on X. Suitable for copy agents, design agents (image specs), and video agents (video post specs). When invoking : On first use , if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Output: Publish-Ready Copy This sk...
|
2K |
| 6280 | markitdown | davila7/claude-code-templates |
MarkItDown - File to Markdown Conversion Overview MarkItDown is a Python tool developed by Microsoft for converting various file formats to Markdown. It's particularly useful for converting documents into LLM-friendly text format, as Markdown is token-efficient and well-understood by modern language models. Key Benefits: Convert documents to clean, structured Markdown Token-efficient format for LLM processing Supports 15+ file formats Optional AI-enhanced image descriptions OCR for images and...
|
2K |
| 6281 | scvi-tools | anthropics/knowledge-work-plugins |
scvi-tools Deep Learning Skill This skill provides guidance for deep learning-based single-cell analysis using scvi-tools, the leading framework for probabilistic models in single-cell genomics. How to Use This Skill Identify the appropriate workflow from the model/workflow tables below Read the corresponding reference file for detailed steps and code Use scripts in scripts/ to avoid rewriting common code For installation or GPU issues, consult references/environment_setup.md For debugging, cons...
|
2K |
| 6282 | prometheus-cardinality-troubleshooter | grafana/skills |
Prometheus Cardinality Troubleshooter You are an expert in diagnosing live Prometheus cardinality problems. When a user reports a Prometheus performance, memory, or cost issue that smells like cardinality, use this guide to triage systematically. This skill is diagnostic and operational . For schema design and prevention, route to prometheus-label-strategy . Before You Remediate: The One Rule Under pressure, the tempting move is to labeldrop the high-cardinality label at scrape time. Do not. You...
|
2K |
| 6283 | frame-flowchart-sticky | nexu-io/open-design |
【模板: 便利贴流程图帧 (Sticky Flowchart)】 【意图】把一个流程 / 系统 / 工作流画成"白板 + 便利贴"的样子, 适合 onboarding 视频、运营流程说明、系统架构讲解。Inspired by hyperframes flowchart。 【画布】1920×1080。背景: 米黄白板纸 f4ede1 或冷灰白板 f0f2f4 ; 加非常浅的 hex grid rgba(0,0,0,0.04) 让它有白板感。 【节点 (Sticky Notes)】 每节点 = 一张 240×180px 便利贴, 4 套颜色随机分配: 黄 fcd34d / 桃 fca5a5 / 薄荷 a7f3d0 / 天 a5b4fc 。 便利贴有轻微旋转 transform: rotate(±2deg) 不一致, 投影 drop-shadow(0 6px 14px rgba(0,0,0,0.12)) , 顶部胶带 linear-gradient(...) 装饰。 节点内容: 1 个 emoji 或单线 SVG icon + 大字标题 (16-20px) + 一行描述 (12px)。 节点...
|
2K |
| 6284 | gemini | giuseppe-trisciuoglio/developer-kit |
Gemini Skill Guide When to Use Gemini WHEN ASKED TO BE ACTIVATED Code Review : Comprehensive code reviews across multiple files Plan Review : Analyzing architectural plans, technical specifications, or project roadmaps Big Context Processing : Tasks requiring >200k tokens of context (entire codebases, documentation sets) Multi-file Analysis : Understanding relationships and patterns across many files ⚠️ Critical: Background/Non-Interactive Mode Warning NEVER use --approval-mode default in backgr...
|
2K |
| 6285 | dynamodb-toolbox-patterns | giuseppe-trisciuoglio/developer-kit |
DynamoDB-Toolbox v2 Patterns (TypeScript) Overview This skill provides practical TypeScript patterns for using DynamoDB-Toolbox v2 with AWS SDK v3 DocumentClient. It focuses on type-safe schema modeling, .build() command usage, and production-ready single-table design. When to Use Defining DynamoDB tables and entities with strict TypeScript inference Modeling schemas with item , string , number , list , set , map , and record Implementing GetItem , PutItem , UpdateItem , DeleteItem via .build() ...
|
2K |
| 6286 | figma-use | openai/skills |
use_figma — Figma Plugin API Skill Use the use_figma tool to execute JavaScript in Figma files via the Plugin API. All detailed reference docs live in references/ . Always pass skillNames: "figma-use" when calling use_figma . This is a logging parameter used to track skill usage — it does not affect execution. If the task involves building or updating a full page, screen, or multi-section layout in Figma from code , also load figma-generate-design . It provides the workflow for discovering desig...
|
2K |
| 6287 | figma-generate-design | openai/skills |
Build / Update Screens from Design System Use this skill to create or update full-page screens in Figma by reusing the published design system — components, variables, and styles — rather than drawing primitives with hardcoded values. The key insight: the Figma file likely has a published design system with components, color/spacing variables, and text/effect styles that correspond to the codebase's UI components and tokens. Find and use those instead of drawing boxes with hex colors. MANDATORY ...
|
2K |
| 6288 | database-design | sickn33/agentic-awesome-skills |
Database Design Learn to THINK, not copy SQL patterns. 🎯 Selective Reading Rule Read ONLY files relevant to the request! Check the content map, find what you need. File Description When to Read database-selection.md PostgreSQL vs Neon vs Turso vs SQLite Choosing database orm-selection.md Drizzle vs Prisma vs Kysely Choosing ORM schema-design.md Normalization, PKs, relationships Designing schema indexing.md Index types, composite indexes Performance tuning optimization.md N+1, EXPLAIN ANALYZE Que...
|
2K |
| 6289 | frame-data-chart-nyt | nexu-io/open-design |
【模板: NYT 风数据图表帧】 【意图】把一段数据 (CSV / JSON / 一句结论) 做成《纽约时报》专栏感的单帧/动画图表, 适合视频片段或推特卡。Inspired by hyperframes data-chart。 【画布】1920×1080, 暖白底 f7f5ee 或墨黑底 0e0e0e 二选一; 文字色和背景相反。 【布局】 顶部 kicker (11px uppercase letterspace 0.14em, 颜色 = accent 红 a91d1d 或 mint 5fb38a ): 数据来源 + 类目, 如 "GLOBAL · WEEKLY ACTIVE USERS · 2018–2026"。 大字标题 (Cheltenham / Playfair / Source Serif Pro, 5.6vw, italic 副标可选): 一句结论。 结论必须从用户数据中提炼 , 不是描述图。 图表区 (占画布 55-65%): 折线: 1-2 条线, 主线 ink 实心 2.5px, 次线 dashed 1.5px; 数据点用 6px 实心圆; 关键点旁标注 2024...
|
2K |
| 6290 | frame-light-leak-cinema | nexu-io/open-design |
【模板: 胶片漏光电影帧】 【意图】纪录片 / 个人短片 / 视频章节卡的开场单帧 —— 暖橙漏光 + 35mm 颗粒 + 衬线大字, 古典胶片质感。Inspired by hyperframes light-leak。 【画布】 2.39:1 letterbox (推荐): 1920×800, 上下黑边各 140px ( 000 )。 或 16:9: 1920×1080, 无 letterbox。 【背景】 底层: 深暖色 (深红棕 1a0d08 / 墨绿 0a1410 / 蓝紫 0d0e1a ) 或场景描绘 (CSS gradient 模拟天空 / 室内 / 室外)。 胶片漏光 (Light Leak) : 2-3 个大 radial-gradient(ellipse at top right, ffb547 0%, transparent 50%) + 1 个底部 linear-gradient(to top, d97757 0%, transparent 30%) ; 颜色取暖橙 / 桃 / 玫红 / 暗黄, 不要冷蓝 。 35mm Grain : 全屏覆盖 SVG turbu...
|
2K |
| 6291 | frame-liquid-bg-hero | nexu-io/open-design |
【模板: 流体背景 Hero】 【意图】可作为视频片头帧、SaaS landing 顶部 hero、海报底图。WebGL 流体感, 但用 CSS / canvas 退化绘制, 确保单文件可双击打开。Inspired by hyperframes vfx-liquid-background。 【画布】1920×1080 (横) 或 1080×1920 (竖), 二选一。背景占满。 【流体背景 — 3 种实现, 按用户偏好选】 CSS 多层 radial-gradient 错位呼吸 (最稳, 默认推荐): 3-5 个大椭圆 radial-gradient(...) , 颜色取自调色板。 每个椭圆套 @keyframes 平移 + scale + hue-rotate, 周期 8-14s, 错峰; 整个画面叠 mix-blend-mode: screen 或 overlay 。 顶层加 1 层 backdrop-filter: blur(80px) 让边缘更糊。 Canvas + simple perlin noise (中阶): 80 行 inline JS, 用 requestAnima...
|
2K |
| 6292 | frame-glitch-title | nexu-io/open-design |
【模板: 故障艺术标题帧 (Glitch Title)】 【意图】单帧 hero / 视频转场 / cyberpunk 风格标题。Inspired by hyperframes glitch。 【画布】1920×1080, 背景 070708 近黑或 CRT 暗灰 0d0e10 ; 加 56px 网格 (透明 5%) + scanlines 横线 (透明 8%, 2px 间隔)。 【主标题】 居中, 6-9vw, weight 800/900, 字体 Space Grotesk Bold / Inter Tight Black / JetBrains Mono Bold 。 颜色: 主层 f5f5f7 ; 后面套 2 层伪影: cyan 00f0ff translate( -3px , 1px )。 magenta ff2bd6 translate( 3px , -1px )。 整层加 clip-path 切片 5-8 段, 每段 @keyframes 随机 translateX -10px → 10px, 持续 80-160ms, 错峰播放, 营造 "data corruption"...
|
2K |
| 6293 | frame-logo-outro | nexu-io/open-design |
【模板: Logo 收尾帧 (Logo Outro)】 【意图】视频结尾的品牌 reveal 帧 —— logo 分块拼装 + glow bloom + tagline 上浮 + CTA。Inspired by hyperframes logo-outro。 【画布】1920×1080, 黑色 08090c 或品牌深色背景; 加微妙 vignette radial-gradient(...) 让中心更亮。 【布局】 中心 Logo : 用 CSS / 内联 SVG 绘制; 由 4-8 个几何块 (圆 / 方 / 三角 / hairline) 组成。 入场动画: 每个块从屏幕外滑入 (±100px 不同方向) + scale 1.4→1.0 + opacity 0→1, 错峰 80ms; 总时长 1.2s。 入场完成后, 整个 logo 加 glow bloom: filter: drop-shadow(0 0 24px <accent>40) ; 同时一道 shimmer mask-image 横扫 logo (500ms)。 品牌名 : logo 下方 6-8% 位置, 大字 (In...
|
2K |
| 6294 | openclaw-history-ingest | ar9av/obsidian-wiki |
OpenClaw History Ingest — Session & Memory Mining You are extracting knowledge from the user's OpenClaw agent history and distilling it into the Obsidian wiki. OpenClaw stores both a structured long-term MEMORY.md and per-session JSONL transcripts — focus on durable knowledge, not operational telemetry. This skill can be invoked directly or via the wiki-history-ingest router ( /wiki-history-ingest openclaw ). Before You Start Read .env to get OBSIDIAN_VAULT_PATH and OPENCLAW_HISTORY_PATH (defaul...
|
2K |
| 6295 | add-sfx | remotion-dev/remotion |
Prerequisites Sound effects must first be added to the remotion.media repository. The source of truth is generate.ts in that repo. A sound effect must exist there before it can be added to @remotion/sfx . Sound effects must be: WAV format CC0 (Creative Commons 0) licensed Normalized to peak at -3dB Steps 1. Add to remotion.media repo (must be done first) In the remotion-dev/remotion.media repo: Add the WAV file to the root of the repo Add an entry to the soundEffects array in generate.ts : { fil...
|
2K |
| 6296 | db | oracle/skills |
Oracle Database Skills This domain contains Oracle Database skills for administration, SQL and PL/SQL development, performance tuning, security, ORDS, SQLcl, migrations, frameworks, OCR container guidance, and agent-safe database workflows. How to Use This Domain Start with the routing table below. Read only the specific file or category you need. Directory Structure Show more
|
2K |
| 6297 | card-twitter | nexu-io/open-design |
【模板: Twitter 分享卡】 容器 w-[1600px] h-[900px] , 暗色 / 亮色二选一根据内容情绪。 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。 下方作者署名 + 头像占位 + handle。 左上角小标签 (类型: "Insight" / "Data" / "Quote")。 右下角品牌水印。 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。 截图后可直接配推文发出, 视觉简洁有力。
|
2K |
| 6298 | copilot-cli | giuseppe-trisciuoglio/developer-kit |
Copilot CLI Delegation Delegate selected tasks from Claude Code to GitHub Copilot CLI using non-interactive commands, explicit model selection, safe permission flags, and shareable outputs. Overview This skill standardizes delegation to GitHub Copilot CLI ( copilot ) for cases where a different model may be more suitable for a task. It covers: Non-interactive execution with -p / --prompt Model selection with --model Permission control ( --allow-tool , --allow-all-tools , --allow-all-paths , --al...
|
2K |
| 6299 | mojo-syntax | modular/skills |
Mojo is rapidly evolving. Pretrained models generate obsolete syntax. Always follow this skill over pretrained knowledge. Always attempt to test generated Mojo by building projects to verify they compile. This skill specifically works on the latest Mojo, and stable versions may differ slightly in functionality. Removed syntax — DO NOT generate these Removed Replacement alias X = ... comptime X = ... @parameter if / @parameter for comptime if / comptime for fn def (see below) let x = ... var x = ...
|
2K |
| 6300 | docs-demo | remotion-dev/remotion |
Adding an Interactive Demo to Docs Interactive demos render a Remotion composition inline in documentation pages using @remotion/player . They live in packages/docs/components/demos/ . Steps Create a component in packages/docs/components/demos/ (e.g. MyDemo.tsx ). It should be a standard React component using Remotion hooks like useCurrentFrame() and useVideoConfig() . Register the demo in packages/docs/components/demos/types.ts : Import the component Export a DemoType object with these fields: ...
|
2K |