Skill-uri pentru agenți pe care le poți verifica înainte să le instalezi
Skill-uri SKILL.md publice din depozite GitHub cu peste 50 de stele și de la producători, scanate și evaluate. Instalează oricare dintre ele cu o singură comandă în Claude Code, Cursor, Codex, GitHub Copilot sau Gemini CLI.
10.167 de skill-uri din 303 depozite · actualizat acum 20 de minute
718 skill-uri
- isometric-motiondzhng/skillsBuild animations and interactive elements (explainers, figures, hero visuals, step-through walkthroughs) in the crafted isometric "Anatomy" style, with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Works for physical machines and for abstract concepts (e.g. how an LLM picks its next token), as SVG/HTML or React/Next.js, with optional in-perspective WebGL shaders. Use this whenever someone wants an isometric animation, interactive element, explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric".DesignFără avertismente★ 1,4 K↓ —
- mercuryAnil-matcha/awesome-muse-connectorsView Mercury bank accounts and transactions. Read-only by design. Trigger phrases: mercury, mercury balance, mercury transactions.DesignFără avertismente★ 1,4 K↓ —
- frontend-to-backend-requirementssoftaworks/agent-toolkitDocument frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I need', 'API requirements', or is describing data needs for a UI.DesignFără avertismente★ 2,6 K↓ —
- backend-to-frontend-handoff-docssoftaworks/agent-toolkitCreate API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff', or 'API documentation'.DesignFără avertismente★ 2,6 K↓ —
- design-system-startersoftaworks/agent-toolkitCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.DesignFără avertismente★ 2,6 K↓ —
- frontend-devMiniMax-AI/skillsFull-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.OficialDesignFără avertismente★ 13,7 K↓ —
- sap-extension-creatorheshengtao/super-agent-partyCreate Super Agent Party (SAP) extensions. This skill should be used when users want to create, build, or scaffold a new extension for Super Agent Party - including static HTML extensions (pure frontend) and Node.js backend extensions. Triggers on requests like "create a new SAP extension", "build an extension for Super Agent Party", "scaffold a plugin", "make a chat UI extension", or when working with sap extension projects.DesignFără avertismente★ 2,7 K↓ —
- figma-useDevin-AXIS/iPolloWork**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.DesignFără avertismente★ 7,1 K↓ —
- figma-generate-libraryDevin-AXIS/iPolloWorkBuild or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.DesignFără avertismente★ 7,1 K↓ —
- artifacts-buildercomposio-community/awesome-claude-pluginsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.DesignFără avertismente★ 2 K↓ —
- frontend-designcomposio-community/awesome-claude-pluginsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.DesignFără avertismente★ 2 K↓ —
- pymooforyourhealth111-pixel/Vibe-SkillsMulti-objective optimization framework. NSGA-II, NSGA-III, MOEA/D, Pareto fronts, constraint handling, benchmarks (ZDT, DTLZ), for engineering design and optimization problems.DesignFără avertismente★ 3,7 K↓ —
- tilegym-cutile-autotuningNVIDIA/skillsUse when adding, modifying, optimizing, or debugging CuTile autotuning code. Trigger signals: `exhaustive_search` / `replace_hints` / `hints_fn` / `cuda.tile.tune` in code, `autotune` in filenames, or correctness/performance issues in autotuned CuTile kernels. Covers: tune-once/cache/launch pattern, per-architecture configs (sm80–sm120), parameter space design (tile sizes, occupancy, num_ctas), and 7 common pitfalls with solutions.DesignFără avertismente★ 3,7 K↓ —
- gzh-designZJU-REAL/Easel微信公众号文章排版引擎：把 Markdown / Word(.docx) / PDF / 纯文本转成可直接粘贴进公众号编辑器的 HTML，自动章节编号、关键词标记、引言卡、目录、代码块、图片/GIF、作者签名；主题从 references/theme-index.md 组件库按题材推荐，支持"一键自动排版"与按描述/参考图生成自定义主题。触发：用户提到"公众号排版/微信排版/gzh"、想把文章(md/docx/pdf/纯文本)转成公众号 HTML、说"自动排版/一键排版"公众号内容。不用于普通网页/落地页/PPT。DesignFără avertismente★ 3,9 K↓ —
- senior-frontendcomposio-community/awesome-claude-pluginsFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.DesignFără avertismente★ 2 K↓ —
- canvas-designcomposio-community/awesome-claude-pluginsCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.DesignFără avertismente★ 2 K↓ —
- ui-ux-pro-maxbrycewang-stanford/Auto-Empirical-Research-SkillsThis skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.DesignFără avertismente★ 4,7 K↓ —
- web-design-analyzeranbeime/skill网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时，使用本技能一键提取配色、排版及组件特征，自动生成结构化 Design System 数据与 AI Coding Prompt，让设计还原与前端开发更高效。DesignFără avertismente★ 8,5 K↓ —
- preline-theme-generatorhtmlstreamofficial/prelineGenerate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generate light and dark theme CSS, preview theme output without writing files, or review and fix generated theme tokens. Do not use for generic non-Preline CSS work or arbitrary command execution.DesignFără avertismente★ 6,5 K↓ —
- frontend-integration-yamlkubesphere/kubesphereGenerate canonical FrontendIntegration YAML from a simplified single-menu authoring model for frontend-forge.DesignFără avertismente★ 17,1 K↓ —
- issue-triagecomposio-community/awesome-codex-skillsTriage Linear or Jira backlogs and run bug sweeps via the Composio CLI. Bulk-fetch issues, dedupe, relabel, reassign, and post summaries — all from the shell without clicking through the UI.DesignVerifică întâi★ 17 K↓ —
- datadog-logscomposio-community/awesome-codex-skillsQuery and filter Datadog logs from the shell using the Composio CLI. Run scoped log searches, pivot across services/environments, and export structured JSON for downstream agents instead of click-driving the Datadog UI.DesignVerifică întâi★ 17 K↓ —
frontend-design
composio-community/awesome-claude-plugins
DesignActualizat 26 iul. 2026
De la autor
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Instalare
npx skills add composio-community/awesome-claude-plugins --skill frontend-design -a claude-code
Se instalează în .claude/skills/frontend-design/ · Fiecare comandă descarcă skill-ul direct de pe GitHub cu utilitarul open source skills.
Fără descărcare: licența acestui skill (Fără licență) nu ne permite să-i redistribuim fișierele. Comenzile de instalare le iau direct de pe GitHub.
La ce are acces
Doar instrucțiuniNu am văzut acces la rețeaLicență: fără licență
Verificări de siguranță pe SKILL.md
Niciun avertisment.
De ce 79
Securitate100
Proveniență79
Întreținere85
Licență25
Adopție53
Fișiere (1)
- SKILL.md