███████╗██╗ ██╗██╗██╗ ██╗ ██████╗ █████╗ ███╗ ██╗██╗ ██╗
██╔════╝██║ ██╔╝██║██║ ██║ ██╔══██╗██╔══██╗████╗ ██║██║ ██╔╝
███████╗█████╔╝ ██║██║ ██║ ██████╔╝███████║██╔██╗ ██║█████╔╝
╚════██║██╔═██╗ ██║██║ ██║ ██╔══██╗██╔══██║██║╚██╗██║██╔═██╗
███████║██║ ██╗██║███████╗███████╗ ██║ ██║██║ ██║██║ ╚████║██║ ██╗
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝
Agent Skills 排行榜 · 关键词 + 语义搜索
| # | Skill | 仓库 | 描述 | 安装量 |
|---|---|---|---|---|
| 17501 | screen-reader-testing | sickn33/antigravity-awesome-skills |
Screen Reader Testing Practical guide to testing web applications with screen readers for comprehensive accessibility validation. When to Use This Skill Validating screen reader compatibility Testing ARIA implementations Debugging assistive technology issues Verifying form accessibility Testing dynamic content announcements Ensuring navigation accessibility Core Concepts 1. Major Screen Readers Screen Reader Platform Browser Usage VoiceOver macOS/iOS Safari ~15% NVDA Windows Firefox/Chrome ~31...
|
85 |
| 17502 | sentry-ruby-setup | getsentry/sentry-agent-skills |
Sentry Ruby Setup Install and configure Sentry in Ruby projects. Invoke This Skill When User asks to "add Sentry to Ruby" or "install Sentry" in a Ruby app User wants error monitoring, logging, or tracing in Ruby User mentions "sentry-ruby" gem or Ruby on Rails Requirements Ruby 2.4+ or recent JRuby versions Install Add to Gemfile: gem "sentry-ruby" For profiling, also add: gem "stackprof" Then run: bundle install Configure Initialize as early as possible: require "sentry-ruby" Sent...
|
85 |
| 17503 | playwright-api | microsoft/playwright |
API Adding and modifying APIs Before performing the implementation, go over the steps to understand and plan the work ahead. It is important to follow the steps in order, as some of them are prerequisites for others. Define (or update) API in docs/api/class-xxx.md . For the new methods, params and options use the version from package.json (without -next). Watch will kick in and re-generate types for the API Implement the new API in packages/playwright/src/client/xxx.ts Define (or update) channel...
|
85 |
| 17504 | flowchart-creator | mhattingpete/claude-skills-marketplace |
Flowchart Creator Create interactive HTML flowcharts and process diagrams. When to Use "Create flowchart for [process]" "Generate process flow diagram" "Make decision tree for [workflow]" "Show workflow visualization" Components Start/End nodes: rounded rectangles (48bb78 green, e53e3e red) Process boxes: rectangles (4299e1 blue) Decision diamonds: diamonds (f59e0b orange) Arrows: connecting paths with labels Swimlanes: grouped sections (optional) HTML Structure <!DOCTYPE html> <html> <head> ...
|
85 |
| 17505 | youtube | manojbajaj95/claude-gtm-plugin |
YouTube Data API Use the YouTube Data API v3 via direct curl calls to search videos, retrieve video details, get channel information, list playlist items, and fetch comments . Official docs: https://developers.google.com/youtube/v3 When to Use Use this skill when you need to: Search videos by keywords or filters Get video details (title, description, statistics, duration) Get channel info (subscriber count, video count, description) List playlist items (videos in a playlist) Fetch comments on vi...
|
85 |
| 17506 | qr-code-generator | manojbajaj95/claude-gtm-plugin |
QR Code Generator What this skill does Given a URL, this skill generates: a QR code that encodes the URL optional captions (human-readable URL or short label) exports in PNG and/or SVG optional batch runs from a CSV Guardrails Don’t generate QR codes for suspicious links (phishing, credential prompts, malware). If unsure, ask for confirmation or suggest a safer destination page. Prefer HTTPS URLs. If the QR is for print, prefer SVG (scales cleanly) and high error correction . Inputs Required: UR...
|
85 |
| 17507 | css-styling-expert | cin12211/orca-q |
CSS Styling Expert You are an advanced CSS expert with deep, practical knowledge of modern CSS architecture patterns, responsive design, performance optimization, accessibility, and design system implementation based on current best practices. Core Expertise My specialized knowledge covers: CSS Architecture: BEM, OOCSS, ITCSS, SMACSS methodologies and component-based styling Modern Layout: CSS Grid advanced patterns, Flexbox optimization, container queries CSS-in-JS: styled-components, Emoti...
|
85 |
| 17508 | data-analytics-engineering | vasilyu1983/ai-agents-public |
Data Analytics Engineering Scope Define metrics, grains, and dimensional models. Build transformation layers and semantic models. Implement data quality tests and observability. Document datasets, lineage, and ownership. Align analytics outputs with BI and product needs. Ask For Inputs Business metrics and decision use cases. Source systems, data freshness, and latency needs. Existing warehouse, tooling, and orchestration. Expected data volumes and change cadence. Governance requirements and acc...
|
85 |
| 17509 | build-fix | yeachan-heo/oh-my-claudecode |
Build Fix Skill Fix build and TypeScript errors quickly with minimal code changes. Get the build green without refactoring. When to Use This skill activates when: User says "fix the build", "build is broken" TypeScript compilation fails npm run build or tsc reports errors User requests "minimal fixes" for errors What It Does Delegates to the build-fixer agent (Sonnet model) to: Collect Errors Run npx tsc --noEmit to get all TypeScript errors Or run npm run build to get build failures Cate...
|
85 |
| 17510 | skill-generator | catlog22/claude-code-workflow |
Meta-skill for creating new Claude Code skills with configurable execution modes. Architecture Overview ``` ┌─────────────────────────────────────────────────────────────────┐ │ Skill Generator │ │ │ │ Input: User Request (skill name, purpose, mode) │ │ ↓ │ │ ┌──────────────────────────────────────────...
|
85 |
| 17511 | react-state-machines | bobmatnyc/claude-mpm-skills |
React State Machines with XState v5 Overview State machines make impossible states unrepresentable by modeling UI behavior as explicit states, transitions, and events. XState v5 (2.5M+ weekly npm downloads) unifies state machines with the actor model—every machine is an independent entity with its own lifecycle, enabling sophisticated composition patterns. When to Use This Skill Trigger patterns: Boolean flag explosion: multiple isLoading, isError, isSuccess flags Implicit states: writing if...
|
85 |
| 17512 | nx-workspace-patterns | sickn33/antigravity-awesome-skills |
Nx Workspace Patterns Production patterns for Nx monorepo management. When to Use This Skill Setting up new Nx workspaces Configuring project boundaries Optimizing CI with affected commands Implementing remote caching Managing dependencies between projects Migrating to Nx Core Concepts 1. Nx Architecture workspace/ ├── apps/ Deployable applications │ ├── web/ │ └── api/ ├── libs/ Shared libraries │ ├── shared/ │ │ ├── ui/ │ │ └── utils/ │ └── feature...
|
85 |
| 17513 | appstore-readiness | eddiebe147/claude-settings |
iOS App Store Readiness Skill Nine specialized agents for achieving first-submission App Store approval. Agent Roster Agent Role Expertise Level When to Invoke Reviewer Compliance Auditor Senior App Review "Will this pass?", pre-submission audit Designer HIG Expert Apple Design Evangelist UI/UX review, design patterns Privacy Data Guardian Privacy Compliance Specialist ATT, labels, manifests, policies Commerce IAP Strategist App Store Business Expert Payments, subscriptions, commissions Metada...
|
85 |
| 17514 | tapd | abcfed/claude-marketplace |
No SKILL.md available for this skill. View on GitHub
|
85 |
| 17515 | cto-advisor | borghei/claude-skills |
CTO Advisor Technical leadership frameworks for architecture, engineering teams, technology strategy, and technical decision-making. Keywords CTO, chief technology officer, tech debt, technical debt, architecture, engineering metrics, DORA, team scaling, technology evaluation, build vs buy, cloud migration, platform engineering, AI/ML strategy, system design, incident response, engineering culture Quick Start python scripts/tech_debt_analyzer.py Assess technical debt severity and remediation pl...
|
85 |
| 17516 | goal-seeking-agent-pattern | rysweet/amplihack |
Goal-seeking agents are autonomous AI agents that execute multi-phase objectives by: - Understanding High-Level Goals: Accept natural language objectives without explicit step-by-step instructions - Planning Execution: Break goals into phases with dependencies and success criteria - Autonomous Execution: Make decisions and adapt behavior based on intermediate results - Self-Assessment: Evaluate progress against success criteria and adjust approach - Resilient Operation: Handle failures grac...
|
85 |
| 17517 | youtube-transcribe-skill | feiskyer/claude-code-settings |
YouTube Transcript Extraction Extract subtitles/transcripts from a YouTube video URL and save them as a local file. Input YouTube URL: $ARGUMENTS Step 1: Verify URL and Get Video Information Verify URL Format: Confirm the input is a valid YouTube URL (supports youtube.com/watch?v= or youtu.be/ formats). Get Video Information: Use WebFetch or firecrawl to fetch the page and extract the video title for subsequent file naming. Step 2: CLI Quick Extraction (Priority Attempt) Use command-line ...
|
85 |
| 17518 | hono-jsx | bobmatnyc/claude-mpm-skills |
Hono JSX - Server-Side Rendering Overview Hono provides a built-in JSX renderer for server-side HTML generation. It supports async components, streaming with Suspense, and integrates seamlessly with Hono's response system. Key Features: Server-side JSX rendering Async component support Streaming with Suspense Automatic head hoisting Error boundaries Context API Zero client-side hydration overhead When to Use This Skill Use Hono JSX when: Building server-rendered HTML pages Creating email te...
|
85 |
| 17519 | llm-integration | martinholovsky/claude-skills-generator |
Local LLM Integration Skill File Organization: This skill uses split structure. Main SKILL.md contains core decision-making context. See references/ for detailed implementations. 1. Overview Risk Level: HIGH - Handles AI model execution, processes untrusted prompts, potential for code execution vulnerabilities You are an expert in local Large Language Model integration with deep expertise in llama.cpp, Ollama, and Python bindings. Your mastery spans model loading, inference optimization, pro...
|
85 |
| 17520 | python | pproenca/dot-skills |
Python You are an expert in Python development across multiple domains including web development, data science, automation, and machine learning. Universal Principles PEP 8 compliance consistently emphasized Error handling via early returns and guard clauses Async/await for I/O-bound operations Type hints mandatory Modular, functional approaches preferred over classes Code Style Write concise, technical Python with accurate examples Use functional and declarative programming patterns where appro...
|
85 |
| 17521 | sqlalchemy-code-review | existential-birds/beagle |
SQLAlchemy Code Review Quick Reference Issue Type Reference Session lifecycle, context managers, async sessions references/sessions.md relationship(), lazy loading, N+1, joinedload references/relationships.md select() vs query(), ORM overhead, bulk ops references/queries.md Alembic patterns, reversible migrations, data migrations references/migrations.md Review Checklist Sessions use context managers (with, async with) No session sharing across requests or threads Sessions closed/cleaned up p...
|
85 |
| 17522 | product-manager | lotosbin/claude-skills |
Product Manager Skill Role: Phase 2 - Planning and requirements specialist Function: Create comprehensive requirements documents (PRDs), define functional and non-functional requirements, prioritize features, break down work into epics and user stories, and create lightweight technical specifications for smaller projects. When to Use This Skill Use this skill when you need to: Create Product Requirements Documents (PRDs) for Level 2+ projects Create Technical Specifications for Level 0-1 pr...
|
85 |
| 17523 | supabase-audit-rpc | yoanbernabeu/supabase-pentest-skills |
RPC Functions Audit 🔴 CRITICAL: PROGRESSIVE FILE UPDATES REQUIRED You MUST write to context files AS YOU GO , not just at the end. Write to .sb-pentest-context.json IMMEDIATELY after each function tested Log to .sb-pentest-audit.log BEFORE and AFTER each function test DO NOT wait until the skill completes to update files If the skill crashes or is interrupted, all prior findings must already be saved This is not optional. Failure to write progressively is a critical error. This skill discovers a...
|
85 |
| 17524 | supabase-report | yoanbernabeu/supabase-pentest-skills |
Security Report Generator 🔴 CRITICAL: PROGRESSIVE FILE UPDATES REQUIRED You MUST write to context files AS YOU GO , not just at the end. Write to .sb-pentest-audit.log IMMEDIATELY as you process each section Update .sb-pentest-context.json with report metadata progressively DO NOT wait until the entire report is generated to update files If the skill crashes or is interrupted, the partial progress must already be saved This is not optional. Failure to write progressively is a critical error. Thi...
|
85 |
| 17525 | hello-world | bas/agent-skills |
Hello World Use the Hello, World skill to respond to the user when they enter the phrase "hello world". Workflow Run the script to obtain system information. Respond with the template.
|
85 |
| 17526 | vue-nuxt | martinholovsky/claude-skills-generator |
Vue 3 / Nuxt 3 Development Skill File Organization: This skill uses split structure. See references/ for advanced patterns and security examples. 1. Overview This skill provides expertise for building the JARVIS AI Assistant user interface using Vue 3 and Nuxt 3. It focuses on creating responsive, performant 3D HUD interfaces with security-first development practices. Risk Level: MEDIUM - Handles user input, renders dynamic content, potential XSS vectors Primary Use Cases: Building reactiv...
|
85 |
| 17527 | kubernetes-specialist | 404kidwiz/claude-supercode-skills |
Kubernetes Specialist When to Use This Skill Deploying workloads (Deployments, StatefulSets, DaemonSets, Jobs) Configuring networking (Services, Ingress, NetworkPolicies) Managing configuration (ConfigMaps, Secrets, environment variables) Setting up persistent storage (PV, PVC, StorageClasses) Creating Helm charts for application packaging Troubleshooting cluster and workload issues Implementing security best practices Core Workflow Analyze requirements — Understand workload characteristics, sca...
|
85 |
| 17528 | atlas-best-practices | 0xbigboss/claude-code |
Atlas Best Practices Atlas is a language-independent tool for managing database schemas using declarative or versioned workflows. Two Workflows Declarative (Terraform-like): Atlas compares current vs desired state and generates migrations automatically. atlas schema apply --url "postgres://..." --to "file://schema.hcl" --dev-url "docker://postgres/15" Versioned: Atlas generates migration files from schema changes, stored in version control. atlas migrate diff add_users --dir "file://migra...
|
85 |
| 17529 | background-remover | dkyazzentwatwa/chatgpt-skills |
Background Remover Remove backgrounds from images using multiple detection methods. Features Color-Based Removal: Remove solid color backgrounds Edge Detection: Detect subject edges for removal GrabCut Algorithm: Interactive foreground extraction Batch Processing: Process multiple images Transparency Output: Export with alpha channel Background Replacement: Replace with color or image Quick Start from background_remover import BackgroundRemover remover = BackgroundRemover() Simple removal r...
|
85 |
| 17530 | mlb-data | machina-sports/sports-skills |
MLB Data Before writing queries, consult references/api-reference.md for endpoints, ID conventions, and data shapes. Setup Before first use, check if the CLI is available: which sports-skills || pip install sports-skills If pip install fails with a Python version error, the package requires Python 3.10+. Find a compatible Python: python3 --version check version If < 3.10, try: python3.12 -m pip install sports-skills On macOS with Homebrew: /opt/homebrew/bin/python3.12 -m pip install sports-sk...
|
85 |
| 17531 | nextjs-developer | 404kidwiz/claude-supercode-skills |
Next.js Developer Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence. Role Definition You are a senior full-stack developer with 10+ years of React/Next.js experience. You specialize in Next.js 14+ App Router (NOT Pages Router), React Server Components, server actions, and production-grade deployment. You build blazing-fast, SEO-optimized applications achieving Core Web Vitals scores > 90...
|
85 |
| 17532 | alembic | manutej/luxor-claude-marketplace |
Alembic Database Migration Management Skill Overview This skill provides comprehensive guidance for managing database migrations using Alembic in customer support environments. It covers everything from initial setup through complex production deployment scenarios, with a focus on maintaining data integrity and minimizing downtime for support operations. Core Concepts What is Alembic? Alembic is a lightweight database migration tool for use with SQLAlchemy. It provides a way to manage changes...
|
85 |
| 17533 | on-call-handoff-patterns | sickn33/antigravity-awesome-skills |
On-Call Handoff Patterns Effective patterns for on-call shift transitions, ensuring continuity, context transfer, and reliable incident response across shifts. When to Use This Skill Transitioning on-call responsibilities Writing shift handoff summaries Documenting ongoing investigations Establishing on-call rotation procedures Improving handoff quality Onboarding new on-call engineers Core Concepts 1. Handoff Components Component Purpose Active Incidents What's currently broken Ongoing Invest...
|
85 |
| 17534 | mcp | bobmatnyc/claude-mpm-skills |
@json-render/mcp MCP Apps integration that serves json-render UIs as interactive MCP Apps inside Claude, ChatGPT, Cursor, VS Code, and other MCP-capable clients. Quick Start Server (Node.js) import { createMcpApp } from "@json-render/mcp" ; import { defineCatalog } from "@json-render/core" ; import { schema } from "@json-render/react/schema" ; import { shadcnComponentDefinitions } from "@json-render/shadcn/catalog" ; import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js...
|
85 |
| 17535 | nestjs-best-practices | xirothedev/agent-skills |
NestJS Best Practices Comprehensive best practices guide for NestJS applications. Contains 40 rules across 10 categories, prioritized by impact to guide automated refactoring and code generation. When to Apply Reference these guidelines when: Writing new NestJS modules, controllers, or services Implementing authentication and authorization Reviewing code for architecture and security issues Refactoring existing NestJS codebases Optimizing performance or database queries Building microservice...
|
85 |
| 17536 | memory-fabric | yonatangross/orchestkit |
Graph-first architecture: mcp__memory__* (knowledge graph) is PRIMARY and always available. mem0 scripts (semantic cloud) are an OPTIONAL enhancement for semantic search when configured. Overview - Comprehensive memory retrieval across both systems - Cross-referencing entities between semantic and graph storage - Ensuring no relevant memories are missed from either source - Building unified context from heterogeneous memory stores Architecture Overview ``` ┌─────────────────────────────...
|
85 |
| 17537 | mtls-configuration | sickn33/antigravity-awesome-skills |
mTLS Configuration Comprehensive guide to implementing mutual TLS for zero-trust service mesh communication. When to Use This Skill Implementing zero-trust networking Securing service-to-service communication Certificate rotation and management Debugging TLS handshake issues Compliance requirements (PCI-DSS, HIPAA) Multi-cluster secure communication Core Concepts 1. mTLS Flow ┌─────────┐ ┌─────────┐ │ Service │ │ Service │ │ A │ ...
|
85 |
| 17538 | game-audio | omer-metin/skills-for-antigravity |
Game Audio Engineer (Web Audio API) You are an expert game audio engineer. You use the Web Audio API for both background music (looping sequencer) and one-shot sound effects. Zero dependencies — everything is built into the browser. Performance Notes Take your time with each step. Quality is more important than speed. Do not skip validation steps — they catch issues early. Read the full context of each file before making changes. Test every sound in the browser. Web Audio timing is different fro...
|
85 |
| 17539 | poet-analyst | rysweet/amplihack |
Analyze events through the disciplinary lens of poetry and poetics, applying close reading methods, attention to language's emotional and aesthetic dimensions, metaphor and symbol analysis, and understanding of rhythm and form to reveal emotional truth, symbolic meaning, human experience, and the power of how things are expressed beyond what is literally said. When to Use This Skill - Language Analysis: Understanding rhetoric, speeches, communication's emotional impact - Symbolic Meaning: De...
|
85 |
| 17540 | ethicist-analyst | rysweet/amplihack |
Ethicist Analyst Skill Purpose Analyze moral dimensions of decisions, policies, and technologies through the disciplinary lens of ethics, applying established frameworks (deontology, consequentialism, virtue ethics, care ethics), multiple philosophical traditions (Western, Eastern, Indigenous), and rigorous reasoning methods to identify ethical issues, clarify values, evaluate arguments, and guide morally defensible decision-making. When to Use This Skill Technology Ethics: Assess AI systems, ...
|
84 |
| 17541 | budget-analyzer | dkyazzentwatwa/chatgpt-skills |
Budget Analyzer Comprehensive expense analysis tool for personal finance and business budgeting. Features Auto-Categorization: Classify expenses by merchant/description Trend Analysis: Month-over-month spending patterns Period Comparison: Compare spending across time periods Category Breakdown: Pie charts and bar graphs by category Savings Recommendations: Identify areas to reduce spending Budget vs Actual: Track against budget targets Export Reports: PDF and HTML summaries Quick Start from bu...
|
84 |
| 17542 | groove | andreadellacorte/groove |
groove Groove engineering workflow system. Use the individual skills directly: Command Skill Help /groove-admin-help Install /groove-admin-install Config /groove-admin-config Update /groove-admin-update Check /groove-utilities-check Prime /groove-utilities-prime Doctor /groove-admin-doctor
|
84 |
| 17543 | database-patterns | yonatangross/orchestkit |
Database Patterns Comprehensive patterns for database migrations, schema design, and version management. Each category has individual rule files in rules/ loaded on-demand. Quick Reference Category Rules Impact When to Use Alembic Migrations 3 CRITICAL Autogenerate, data migrations, branch management Schema Design 3 HIGH Normalization, indexing strategies, NoSQL patterns Versioning 3 HIGH Changelogs, rollback plans, schema drift detection Zero-Downtime Migration 2 CRITICAL Expand-contract, pgrol...
|
84 |
| 17544 | vite | hairyf/skills |
Vite Based on Vite 8 beta (Rolldown-powered). Vite 8 uses Rolldown bundler and Oxc transformer. Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds. Preferences Use TypeScript: prefer vite.config.ts Always use ESM, avoid CommonJS Core Topic Description Reference Configuration vite.config.ts , defineConfig , conditional configs, loadEnv core-config Features import.meta.glob , asset queries ( ?raw , ?url ), import.meta.env , HMR API...
|
84 |
| 17545 | nextjs-core | bobmatnyc/claude-mpm-skills |
Next.js Core (App Router) Server Components by default; minimal "use client". Mutations in Server Actions (validate/authz; revalidate tags/paths). Route handlers for APIs/webhooks; add loading/error boundaries. Anti-patterns: ❌ Fetch initial data in useEffect. ❌ Cache or revalidate too broadly. ❌ Client-only authz. References: see references/ (server actions, fetching, caching, routing, auth, testing).
|
84 |
| 17546 | github | conorkenn/openclaw-github-assistant |
GitHub Patterns Tools Use gh CLI for all GitHub operations. Prefer CLI over GitHub MCP servers for lower context usage. Quick Commands Create a PR from the current branch gh pr create --title "feat: add feature" --body "Description" Squash-merge a PR gh pr merge < PR_NUMBER > --squash --title "feat: add feature (<PR_NUMBER>)" View PR status and checks gh pr status gh pr checks < PR_NUMBER > Stacked PR Workflow Summary When merging a chain of stacked PRs (each targeting the previous branch): M...
|
84 |
| 17547 | writing plans | bobmatnyc/claude-mpm-skills |
Writing Plans Overview Write comprehensive implementation plans assuming the engineer has zero context for our codebase and questionable taste. Document everything they need to know: which files to touch for each task, code, testing, docs they might need to check, how to test it. Give them the whole plan as bite-sized tasks. DRY. YAGNI. TDD. Frequent commits. Assume they are a skilled developer, but know almost nothing about our toolset or problem domain. Assume they don't know good test design ...
|
84 |
| 17548 | neovim | julianobarbosa/claude-code-skills |
Neovim Configuration Skill A comprehensive guide for working with this modular, performance-optimized Neovim configuration built on lazy.nvim. Quick Reference Metric Value Plugin Manager lazy.nvim Total Plugins 82 Target Startup <50ms Module Pattern M.setup() Leader Key <Space> Architecture Overview ~/.config/nvim/ ├── init.lua Entry point ├── lua/ │ ├── config/ Core configuration (11 modules) │ │ ├── lazy.lua Plugin manager bootstrap │ │ ├─...
|
84 |
| 17549 | screenshots | shpigford/skills |
Screenshots Generate marketing-quality screenshots of your app using Playwright directly. Screenshots are captured at true HiDPI (2x retina) resolution using deviceScaleFactor: 2 . When to Use This Skill Use this skill when: User wants to create screenshots for Product Hunt Creating screenshots for social media Generating images for landing pages Creating documentation screenshots User requests marketing-quality app screenshots Prerequisites Playwright must be available. Check for it: npx playwr...
|
84 |
| 17550 | design-to-code | davila7/claude-code-templates |
Design to Code High-fidelity UI restoration from Figma designs to production-ready React + TypeScript components. This SKILL uses a robust helper script to minimize manual errors and ensure pixel-perfect results. Prerequisites Figma API Token : Get from Figma → Settings → Personal Access Tokens Node.js : Version 18+ coderio : Installed in scripts/ folder (handled by Setup phase) Workflow Overview Phase 0: SETUP → Create helper script and script environment Phase 1: PROTOCOL → Generate design ...
|
84 |