Agent skills you can check before you install
Public SKILL.md skills from GitHub repositories with 50+ stars and from the vendors themselves, scanned and scored. Install any of them with one command in Claude Code, Cursor, Codex, GitHub Copilot or Gemini CLI.
9,277 skills from 267 repositories · updated 14 minutes ago
686 skills
- appllama-app-design-skillAppllama/appllama-skillsBuild native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation semantics (push vs replace, modal vs sheet vs overlay, the one-way doors where back must not exist), purposeful Reanimated motion, a full-motion simulator-verified iteration loop, and a study-real-apps-first workflow (pairs with the Appllama MCP). Trigger on "build a screen", "make this screen better", "design the onboarding", "wire up this flow", "polish the UI", "make it feel native", or any mobile design/implementation task.DesignNo warnings★ 2.9K↓ —
- design-style-skillMiniMax-AI/skillsSelect a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp/Soft/Rounded/Pill recipes, component mappings, typography/spacing rules, and mixing guidance. Triggers: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style.OfficialDesignNo warnings★ 13.7K↓ —
- design-dnazanwei/design-dnaExtract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".DesignNo warnings★ 2K↓ —
- ui-setupsickn33/agentic-awesome-skillsInteractive setup wizard — guides you step-by-step to configure the design system for your projectDesignReview first★ 48.2K↓ —
- json-schemaa5c-ai/babysitterJSON Schema validation and API contract design.DesignNo warnings★ 1.9K↓ —
- frontend-designanbeime/skill网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。DesignNo warnings★ 8.5K↓ —
- ipollowork-design-graphicsDevin-AXIS/iPolloWorkCreate or edit posters and social card series in the current iPolloWork Design session.DesignNo warnings★ 7.1K↓ —Also in 1 other repo
- figma-create-new-fileDevin-AXIS/iPolloWork**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading this skill first. Trigger whenever the user wants a new blank Figma file — a new design, FigJam, or Slides file — or when you need a fresh file before calling `use_figma`. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard, /figma-create-new-file slides Q3 Review)DesignNo warnings★ 7.1K↓ —
- tailwind-cssa5c-ai/babysitterTailwind CSS configuration, custom plugins, design systems, theming, and component patterns for modern web applications.DesignNo warnings★ 1.9K↓ —
- figma-design-to-codeDevin-AXIS/iPolloWorkUse this skill when implementing a Figma design as code (design → code) — the read-FROM-Figma direction. Triggers: 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'code this up from Figma', 'design to code', or a figma.com design URL provided alongside a codebase. Encodes the workflow for reading a node out of Figma with get_design_context and adapting its reference output to the target project — reusing existing components, tokens, and conventions, and honoring Code Connect mappings, component docs, design annotations, and design tokens by priority. Complements figma-code-connect (component mapping) and figma-generate-design / figma-use (the reverse, code → design direction).DesignNo warnings★ 7.1K↓ —
- figma-use-figjamDevin-AXIS/iPolloWorkThis skill helps agents use Figma's use_figma MCP tool in the FigJam context. Can be used alongside figma-use which has foundational context for using the use_figma tool.DesignNo warnings★ 7.1K↓ —
- wechat-official-messagesDevin-AXIS/iPolloWorkDesign safe WeChat follower-message automation and send customer-service text only when the user provides an explicit target and confirmation.DesignNo warnings★ 7.1K↓ —
- architecture-designa5c-ai/babysitterBabysitter enforces obedience on agentic workforces and enables them to manage extremely complex tasks and workflows through deterministic, hallucination-free self-orchestrationDesignNo warnings★ 1.9K↓ —
- cdc-analysisa5c-ai/babysitterSpecialized skill for clock domain crossing analysis and synchronizer design in FPGA designsDesignNo warnings★ 1.9K↓ —
- figma-implement-motionDevin-AXIS/iPolloWorkTranslates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_context` returns motion data or instructs you to call `get_motion_context`.DesignNo warnings★ 7.1K↓ —
- figma-generate-diagramDevin-AXIS/iPolloWorkMANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first. Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram — flowchart, architecture diagram, sequence diagram, ERD or entity-relationship diagram, state diagram or state machine, gantt chart, or timeline. Also trigger when the user mentions Mermaid syntax or wants a system architecture, decision tree, dependency graph, API call flow, auth handshake, schema, or pipeline visualized in FigJam. Routes to type-specific guidance, sets universal Mermaid constraints, and tells you when to use a different diagram type or skip the tool entirely (mindmaps, pie charts, class diagrams, etc.).DesignNo warnings★ 7.1K↓ —
- figma-generate-designDevin-AXIS/iPolloWorkUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.DesignNo warnings★ 7.1K↓ —
- design-tokensa5c-ai/babysitterDesign token management, generation, and multi-platform support.DesignNo warnings★ 1.9K↓ —
- embedded-docsa5c-ai/babysitterEmbedded firmware documentation generation and maintenance using Doxygen and related tools. Expert skill for API documentation, hardware interface documentation, memory maps, and integration with documentation systems.DesignNo warnings★ 1.9K↓ —
- figma-use-motionDevin-AXIS/iPolloWorkMotion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node.DesignNo warnings★ 7.1K↓ —
- apify-integration-developmentapify/agent-skillsDesign and build an official Apify integration for a company's product - workflow-automation apps (Zapier/n8n-style), AI agent plugins (coding-agent skills+MCP bundles or OpenClaw/Hermes-style harnesses), AI framework packages (LangChain/LlamaIndex-style), or direct application clients via apify-client. Use when planning, creating, or reviewing an integration that exposes Apify Actors, runs, datasets, or key-value stores inside another product.OfficialDesignNo warnings★ 2.4K↓ —
- shadcnDevin-AXIS/iPolloWorkManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".DesignNo warnings★ 7.1K↓ —
- graphqla5c-ai/babysitterGraphQL schema design, resolvers, directives, subscriptions, and best practices for API development.DesignNo warnings★ 1.9K↓ —
- mongodba5c-ai/babysitterMongoDB schema design, aggregation pipelines, indexing strategies, and performance.DesignNo warnings★ 1.9K↓ —