- 📄 BEST_PRACTICES.md
- 📄 SKILL.md
- 📄 WORKFLOWS.md
semi-design-guide
使用 Semi Design 组件的完整指南，包括 MCP 工具使用流程、常见模式、最佳实践。当你需要查询 Semi Design 组件、生成组件代码或解决使用问题时，请使用此技能。
18 days ago · Uploaded
Detail →
Daily Featured Skills Count
05/11
05/12
05/13
05/14
05/15
05/16
05/17
♾️ Free & Open Source 🛡️ Secure & Worry-Free
Import Skills
- 📄 LICENSE
- 📄 README.md
- 📄 SKILL.md
vois-design-system
Rules and patterns for building UI with shadcn/ui, Tailwind v4, and Motion against a Vois design token set. Use when building components, pages, or any UI that should conform to the workspace design system. Covers spacing, typography, color tokens, component architecture, animation, accessibility, and modern CSS patterns.
1 month ago · Uploaded
Detail →
- 📁 prompts/
- 📁 references/
- 📄 SKILL.md
vs-core-arch
Architecture analysis and interface design. Use this skill when the user needs to analyze existing architecture, design a new system or module, compare architectural approaches, or evaluate tradeoffs. Also use when the user says "architecture", "design", "how should we structure", "interface design", "module design", "design it twice", "what's the right abstraction", or discusses system-level concerns.
1 month ago · Uploaded
Detail →
- 📁 references/
- 📄 SKILL.md
architect
技术架构设计 Skill。根据产品需求文档（PRD）设计完整的技术架构方案，输出结构化的架构设计文档。覆盖技术栈选型、系统架构、数据模型、API 设计、部署方案、非功能需求、安全设计等。触发条件：(1) 设计技术架构，(2) 从 PRD 推导技术方案，(3) 系统设计/技术选型，(4) 数据库设计，(5) API 设计，(6) 部署架构设计。
1 month ago · Uploaded
Detail →
- 📄 SKILL.md
brain+
Invoke BEFORE any design or feature work. Wraps superpowers:brainstorming with scout agent context harvesting, stack-first design considerations, and constitutional rule awareness. Asks questions one at a time to refine the design.
1 month ago · Uploaded
Detail →
- 📄 SKILL.md
brainstorm
実装前にアイデアを設計へ落とし込む対話型ブレインストーミング。要件が曖昧・アーキテクチャ選択が必要・ユーザーとの対話で設計を固めたい場合に使う。「どうすればいい？」「設計を相談したい」「アーキテクチャどうしよう」「どう実装する？」「アイデアを整理したい」といった要望にも対応する。ユーザーが /brainstorm と入力したら必ずこのスキルを使う。
1 month ago · Uploaded
Detail →
- 📄 SKILL.md
adr-template
Template for Architecture Decision Records (ADR). Used by Design Architect during /design phase. Always one file per decision in adr/ directory.
1 month ago · Uploaded
Detail →
- 📄 SKILL.md
ai-handoff-export
Figma tasarım verisini AI'nın kod üretimi için kullanabileceği tek bir handoff paketine dönüştürür (HANDOFF şablonu + JSON manifest). Node kimlikleri, design context özeti, token özeti, ekran görüntüsü referansları ve opsiyonel Code Connect haritası üretir. PO/PM için executive summary da içerir. "AI handoff", "handoff dosyası", "handoff export", "teslimat paketi", "figma handoff", "koda teslim özeti", "design handoff oluştur", "handoff al", "implementasyon paketi" ifadeleriyle tetiklenir. F-MCP Bridge plugin bağlantısı gerektirir.
1 month ago · Uploaded
Detail →
- 📄 README.md
- 📄 SKILL.md
- 📄 webdev-claude-ai.skill
webdev
Comprehensive frontend design quality skill — creates distinctive, production-grade UIs and iteratively improves them. Merges 20 design operations (audit, polish, animate, typeset, colorize, arrange, adapt, harden, etc.) into one unified workflow. Use when building, reviewing, improving, or polishing any frontend: websites, dashboards, components, landing pages, React apps, HTML/CSS. Also triggers on: responsive design, accessibility, animation, typography, color, layout, UX review, performance, design system alignment, onboarding flows, error handling, i18n, or any request to make UI look less AI-generated. Even if the user just says 'make it look better' or 'polish this', use this skill.
1 month ago · Uploaded
Detail →
- 📁 stages/
- 📄 coding_style.md
- 📄 SKILL.md
- 📄 state.py
vf-pipeline
Use this skill to start or resume the VeriFlow RTL hardware design pipeline (architect to synth). Trigger this when the user asks to "run the RTL flow", "design hardware", or "start the pipeline". Pass the project directory path as the argument.
17 days ago · Uploaded
Detail →
- 📄 SKILL.md
brainstorm
Use when starting creative work — designing features, adding functionality, modifying behavior, or exploring approaches. Guides collaborative design exploration through one-at-a-time questions, approach proposals, and incremental design approval. Hard gate: no code until design approved.
1 month ago · Uploaded
Detail →
- 📁 examples/
- 📁 references/
- 📁 scripts/
- 📄 README.md
- 📄 report-templates.md
- 📄 SKILL.md
figma-changes
Identify Figma design changes and generate code update checklists. Use when the user asks to "check Figma updates", "track design changes", "what changed in Figma", "create changelog from Figma", or "what code needs updating based on Figma".
1 month 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.
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