Daily Featured Skills Count
4,256 4,301 4,343 4,380 4,407 4,442 4,455
04/17 04/18 04/19 04/20 04/21 04/22 04/23
♾️ Free & Open Source 🛡️ Secure & Worry-Free

Import Skills

Composite Most Downloads Most Likes Most Comments Newest
bovinphang bovinphang
from GitHub Docs & Knowledge
  • 📄 SKILL.md
frontend wcag accessibility

accessibility-check

审查或改进前端 UI 的语义结构、键盘支持、焦点管理、标签以及常见的 WCAG 相关问题，并将报告保存为 Markdown 文件。当用户提到无障碍、accessibility、a11y、WCAG，或在实现交互组件时自动激活。

⬇0 ❤6 22 days ago · Uploaded Detail →
Sam-Ding22 Sam-Ding22
from GitHub Development & Coding
  • 📄 README.md
  • 📄 SKILL.md
refactoring frontend approach

pua-web-refactor-en

Make your AI dare not slack off. Enhanced version for Web architecture refactoring. Triggers: (1) Task failed 2+ times or repeated fine-tuning same approach; (2) About to say 'I can't solve', suggest manual operation, attribute to environment without verification; (3) Passive waiting - no search, no reading, just waiting for instructions; (4) User frustration: 'try harder', 'stop giving up', 'change approach'; (5) Web refactoring: changed JS forgot HTML/CSS, multi-file omissions. Applies to all tasks, especially frontend refactoring.

⬇0 ❤6 22 days ago · Uploaded Detail →
AmirShayegh AmirShayegh
from GitHub Tools & Productivity
  • 📁 design/
  • 📄 autonomous-mode.md
  • 📄 reference.md
  • 📄 setup-flow.md
frontend progress sessions

story

Track tickets, issues, and progress for your project. Load project context, manage sessions, guide setup.

⬇0 ❤6 23 days ago · Uploaded Detail →
applepig applepig
from GitHub Tools & Productivity
  • 📄 SKILL.md
frontend e2e agent-browser

DDD.AgentBrowser

E2E 除錯說明書——用 agent-browser CLI 在 DDD 工作流中系統性地除錯前端問題。 Use when E2E tests fail, when you need to visually verify UI behavior, debug form submissions, inspect page state, or trace frontend issues during "/DDD.work". Also use when the user says "debug E2E", "check the page", "why is the test failing", "open the browser", "take a screenshot", "inspect the DOM", or invokes "/DDD.agent-browser". --- # DDD:AgentBrowser — E2E 除錯說明書 在 DDD 工作流的開發階段（`/DDD.work`），當 Playwright E2E 測試失敗或需要視覺驗證時， 用 `agent-browser` CLI 直接操作瀏覽器來定位問題。 這份說明書不是瀏覽器自動化教學，而是**除錯流程指南**——幫你從「測試掛了」走到「找到根因」。 ## 核心除錯循環 ``` 測試失敗 → 重現場景 → 觀察狀態 → 定位根因 → 修正 → 驗證 ``` 每一步都有對應的 agent-browser 指令，按順序走就對了。 ## Step 1：重現場景 先把瀏覽器帶到測試失敗的那個畫面。 ```bash # 開啟目標頁面

⬇0 ❤6 23 days ago · Uploaded Detail →
netresearch netresearch
from GitHub Development & Coding
  • 📁 scripts/
  • 📄 SKILL.md
docs frontend library

context7

Use when looking up library documentation, API references, framework patterns, or code examples for ANY library (React, Next.js, Vue, Django, Laravel, etc.). Fetches current docs via Context7 REST API. Triggers on: how to use library, API docs, framework pattern, import usage, library example.

⬇0 ❤6 23 days ago · Uploaded Detail →
Rotorsoft Rotorsoft
from GitHub Development & Coding
  • 📄 act-api.md
  • 📄 api.md
  • 📄 client.md
frontend event new

scaffold-act-app

Scaffolds a new TypeScript application using the @rotorsoft/act event sourcing framework. Translates functional specs — event modeling diagrams, event storming artifacts, or user stories — into a working monorepo with domain logic, tRPC API, and React client. Use when the user wants to build a new app, create a new project, or translate a domain model into code using Act.

⬇0 ❤6 23 days ago · Uploaded Detail →
wangshunnn wangshunnn
from GitHub Development & Coding
  • 📁 rules/
  • 📄 AGENTS.md
  • 📄 README.md
  • 📄 SKILL.md
frontend performance next.js

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

⬇0 ❤5 16 days ago · Uploaded Detail →
real-life-org real-life-org
from GitHub Development & Coding
  • 📄 SKILL.md
nderungen ein frontend

web-of-trust

Baut ein neues APK der WoT Demo App mit nativen Änderungen und deployt es auf ein verbundenes Android-Gerät. Nur nötig bei nativen Änderungen (Java/Swift Plugins, Gradle, Permissions, Capacitor Plugins). Für reine Web-Änderungen (TS, CSS, React) reicht ein Push auf main — das OTA-System deployed automatisch.

⬇0 ❤5 16 days ago · Uploaded Detail →
mondaycom mondaycom
from GitHub Development & Coding
  • 📁 references/
  • 📄 SKILL.md
deploy frontend security

monday-code-deploy

Build, deploy, and manage monday code apps with multi-region, cron, alerts, and security scanning. Use when user says "deploy my app", "push to monday-code", "deploy to monday", "check deployment status", "set environment variables", "push my app", "deploy backend", "deploy frontend", or wants to promote an app version.

⬇0 ❤5 16 days ago · Uploaded Detail →
kyawshinethu kyawshinethu
from GitHub Development & Coding
  • 📁 code-review/
  • 📁 references/
  • 📄 code-review.zip
  • 📄 SKILL.md
  • 📄 使用说明.md
frontend security code

code-review

Frontend-focused code review skill for React/TypeScript/Tailwind projects. Analyzes code quality, security vulnerabilities (XSS, CSRF), performance issues, accessibility (WCAG), React best practices, hooks usage, component architecture, responsive design, and SEO. Use when users request code review, want feedback on components, ask about frontend security, performance optimization, or accessibility compliance. Provides actionable feedback with severity levels and fix suggestions.

⬇0 ❤5 17 days ago · Uploaded Detail →
gutomec gutomec
from GitHub Development & Coding
  • 📄 aap-analyst-discover.md
  • 📄 aap-builder-implement.md
  • 📄 aap-commander-orchestrate.md
frontend agile automation

aiox-autopilot

Autonomous Agile Project Lifecycle — transforms a raw idea into a deployed project following the AIOX Agentic Agile process. Runs 5 phases autonomously: Discovery (web research), Planning (PRD + Architecture + Frontend Spec), Sharding (stories in waves), Development (build + QA loop), Delivery (deploy + release notes). Decides stack, prioritizes features, writes code, reviews quality, and ships — all without human intervention. Supports greenfield and brownfield projects. Use when: starting a new project from scratch, adding features to existing project, or wanting full agile cycle automated.

⬇0 ❤5 20 days ago · Uploaded Detail →

Skill File Structure Sample (Reference)

skill-sample/
├─ SKILL.md              ⭐ Required: skill entry doc (purpose / usage / examples / deps)
├─ manifest.sample.json  ⭐ Recommended: machine-readable metadata (index / validation / autofill)
├─ LICENSE.sample        ⭐ Recommended: license & scope (open source / restriction / commercial)
├─ scripts/
│  └─ example-run.py     ✅ Runnable example script for quick verification
├─ assets/
│  ├─ example-formatting-guide.md  🧩 Output conventions: layout / structure / style
│  └─ example-template.tex         🧩 Templates: quickly generate standardized output
└─ references/           🧩 Knowledge base: methods / guides / best practices
   ├─ example-ref-structure.md     🧩 Structure reference
   ├─ example-ref-analysis.md      🧩 Analysis reference
   └─ example-ref-visuals.md       🧩 Visual reference

More Agent Skills specs Anthropic docs: https://agentskills.io/home

SKILL.md Requirements

├─ ⭐ Required: YAML Frontmatter (must be at top)
│  ├─ ⭐ name                 : unique skill name, follow naming convention
│  └─ ⭐ description          : include trigger keywords for matching
│
├─ ✅ Optional: Frontmatter extension fields
│  ├─ ✅ license              : license identifier
│  ├─ ✅ compatibility        : runtime constraints when needed
│  ├─ ✅ metadata             : key-value fields (author/version/source_url...)
│  └─ 🧩 allowed-tools        : tool whitelist (experimental)
│
└─ ✅ Recommended: Markdown body (progressive disclosure)
   ├─ ✅ Overview / Purpose
   ├─ ✅ When to use
   ├─ ✅ Step-by-step
   ├─ ✅ Inputs / Outputs
   ├─ ✅ Examples
   ├─ 🧩 Files & References
   ├─ 🧩 Edge cases
   ├─ 🧩 Troubleshooting
   └─ 🧩 Safety notes

Why SkillWink?

Skill files are scattered across GitHub and communities, difficult to search, and hard to evaluate. SkillWink organizes open-source skills into a searchable, filterable library you can directly download and use.

We provide keyword search, version updates, multi-metric ranking (downloads / likes / comments / updates), and open SKILL.md standards. You can also discuss usage and improvements on skill detail pages.

Keyword Search Version Updates Multi-Metric Ranking Open Standard Discussion

Quick Start:

Import/download skills (.zip/.skill), then place locally:

~/.claude/skills/ (Claude Code)

~/.codex/skills/ (Codex CLI)

One SKILL.md can be reused across tools.

FAQ

Everything you need to know: what skills are, how they work, how to find/import them, and how to contribute.

1. What are Agent Skills?

A skill is a reusable capability package, usually including SKILL.md (purpose/IO/how-to) and optional scripts/templates/examples.

Think of it as a plugin playbook + resource bundle for AI assistants/toolchains.

2. How do Skills work?

Skills use progressive disclosure: load brief metadata first, load full docs only when needed, then execute by guidance.

This keeps agents lightweight while preserving enough context for complex tasks.

3. How can I quickly find the right skill?

Use these three together:

  • Semantic search: describe your goal in natural language.
  • Multi-filtering: category/tag/author/language/license.
  • Sort by downloads/likes/comments/updated to find higher-quality skills.

4. Which import methods are supported?

  • Upload archive: .zip / .skill (recommended)
  • Upload skills folder
  • Import from GitHub repository

Note: file size for all methods should be within 10MB.

5. How to use in Claude / Codex?

Typical paths (may vary by local setup):

  • Claude Code：~/.claude/skills/
  • Codex CLI：~/.codex/skills/

One SKILL.md can usually be reused across tools.

6. Can one skill be shared across tools?

Yes. Most skills are standardized docs + assets, so they can be reused where format is supported.

Example: retrieval + writing + automation scripts as one workflow.

7. Are these skills safe to use?

Some skills come from public GitHub repositories and some are uploaded by SkillWink creators. Always review code before installing and own your security decisions.

8. Why does it not work after import?

Most common reasons:

  • Wrong folder path or nested one level too deep
  • Invalid/incomplete SKILL.md fields or format
  • Dependencies missing (Python/Node/CLI)
  • Tool has not reloaded skills yet

9. Does SkillWink include duplicates/low-quality skills?

We try to avoid that. Use ranking + comments to surface better skills:

  • Duplicate skills: compare differences (speed/stability/focus)
  • Low quality skills: regularly cleaned up