By Adam-s-tech
Frontend development skills — visual design with browser verification, Figma-to-code workflows, Code Connect publishing, design token extraction, and design system integration across React, Vue, SwiftUI, and Compose
Figma-to-code bridge combining Figma MCP server tools with the Code Connect CLI for end-to-end design implementation workflows. Use this skill when implementing UI components from Figma design URLs, publishing Code Connect mappings to Figma Dev Mode, extracting design tokens from Figma variables, setting up Figma Code Connect in a project, or running the full design-to-code roundtrip pipeline. Activate when the user shares a Figma design URL and wants code implementation, says 'implement from Figma', 'code connect', 'publish to dev mode', 'figma connect publish', 'extract design tokens from Figma', 'figma to code', 'connect components to Figma', 'set up code connect', 'sync figma tokens', 'figma variables to CSS', 'figma variables to Tailwind', 'map component to Figma', 'npx figma connect', or references any figma.com/design URL in a code implementation context. Do NOT activate for pure Figma file creation, FigJam diagrams, Figma plugin development, or Storybook setup — those are separate concerns.
Create distinctive, production-grade frontend interfaces with visual verification. Use this skill when the user asks to build web components, pages, landing pages, dashboards, React/Vue/Svelte components, HTML/CSS layouts, or any web UI that needs to look polished. Also activates when styling, beautifying, redesigning, or doing visual refresh of existing UI. Covers the full loop: design thinking, code generation, and browser-based visual verification to iterate until the result actually looks right. Use this skill even if the user doesn't explicitly say 'design' — any request to build or improve a web interface benefits from this skill's aesthetic guidance and verification workflow.
This skill should be used whenever the user asks to "run the task skill", "invoke the task skill", "use the task skill", "trigger task skill", or mentions a "task skill" in any context. Make sure to use this skill whenever the user references task skill activation, task skill testing, or wants to verify the task skill is working. Activate on any mention of "I'm a task skill" or requests to demonstrate task skill behavior.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
The package manager for AI skills.
Author. Eval. Publish. Install — across 53 agent platforms.
npx vskill@latest studio # open the local IDE for AI skills
npx vskill@latest install remotion-best-practices
36.82% of AI skills have security flaws (Snyk ToxicSkills). And the ones that aren't malicious often don't even improve the model — they just feel like they should.
vskill is built around three problems:
--skip-scan.npx vskill@latest studio
A localhost workbench opens at a deterministic per-project port. You can:
⌘⇧K palette, install with consent + provenance.git push from the UI, then opens the submit form on verified-skill.com pre-filled.CORS-free by design: the browser only ever talks to localhost. The server proxies to verified-skill.com and to provider APIs. Every mutation is logged to ~/.vskill/studio-ops.jsonl for audit.
┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐
│ Source │────>│ Scan │────>│ Verify │────>│ Install │
│ │ │ │ │ │ │ │
│ GitHub │ │ 52 rules │ │ LLM │ │ Pin SHA │
│ Registry │ │ Blocklist│ │ intent │ │ Lock ver │
│ Local │ │ Patterns │ │ analysis │ │ Symlink │
└──────────┘ └──────────┘ └──────────┘ └──────────┘
Every install runs the full pipeline. SARIF v2.1.0 output is available for CI (vskill audit --ci).
# Install one skill
npx vskill@latest install remotion-dev/skills/remotion-best-practices
# Browse a repo, pick interactively
npx vskill@latest install remotion-dev/skills
# Install a Claude Code plugin (full domain bundle)
npx vskill@latest install --repo anton-abyzov/vskill --plugin frontend
Install globally for repeat use: npm i -g vskill
Behind a private npm registry? See Getting Started for the E401 workaround.
| Surface | Count | Notes |
|---|---|---|
| Agent platforms | 53 | Claude Code, Cursor, Copilot, Windsurf, Codex, Gemini CLI, Zed, Ollama, LM Studio, … |
| Plugins | 8 | Multi-skill bundles for Claude Code |
| Skills | 14 | Individual SKILL.md files inside plugins |
| Top-level CLI commands | 22 | install, studio, eval, find, scan, audit, submit, skill, keys, … |
| Tests | 307 test files | More tests than source files |
| Plugin | Skills |
|---|---|
| frontend | figma-connect, frontend-design, task-skill-announcer |
| personal | obsidian-brain, greet-anton, tax-filing |
| marketing | slack-messaging, social-media-posting |
| skills | skill-builder, scout |
| mobile | appstore |
| google-workspace | gws |
| easychamp | tournament-manager |
| productivity | survey-passing |
Install all eight: npx vskill@latest install --repo anton-abyzov/vskill --all
npx claudepluginhub adam-s-tech/vskill --plugin frontendPersonal productivity automation skills — expert network survey completion, time-saving automation for professional consultations and paid expertise sharing
Marketing automation skills — social media content creation, posting, engagement, content distribution, audience growth across 11 platforms, Blotato batch scheduling via REST API + MCP, and Slack messaging with context-aware session management
Google Workspace CLI (gws) skill — unified command-line access to Gmail, Drive, Sheets, Docs, Calendar, Chat, Admin, and 40+ Google APIs. Includes MCP server setup, authentication workflows, and agent-optimized usage patterns.
EasyChamp tournament management — create sports leagues and tournaments, build brackets, schedule matches with venues, and record results. Backed by the EasyChamp MCP server.
Research any topic across Reddit, X, YouTube, TikTok, Instagram, Hacker News, Polymarket, GitHub, and 5+ more sources. AI agent scores by upvotes, likes, and real money - not editors.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Matt Pocock's agent skills for real engineering — grilling, spec/ticket flows, TDD, code review, domain modelling and more. Plug-and-play, not vibe coding.
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.