Skills / Category
Frontend
6,346 skills
Showing 1–24 of 6,346
- 0.891score
qa
browser-use
QA-test a website or web app and return a 1-5 quality score (5 = flawless, 1 = broken) with evidence.
SkillAFreshness: A★ 119KClaude Code - 0.885score
e2e-cucumber-playwright
langgenius
Use when writing, changing, or reviewing Cucumber and Playwright tests under `e2e/`, including feature files, step definitions, support code, scenario tags…
SkillAFreshness: A★ 159.4KClaude Code +9 - 0.885score
frontend-code-review
langgenius
Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit.
SkillAFreshness: A★ 159.4KClaude Code +9 - 0.885score
how-to-write-component
langgenius
Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data…
SkillAFreshness: A★ 159.4KClaude Code +9 - 0.877score
Agent Cost Report
thedotmack
Believable agent cost report for any period, default the last 7 full days PT, not counting today.
SkillAFreshness: A★ 102.8KClaude Code +9 - 0.876score
design-taste-frontend
Leonxlnx
tasteskill v2, the anti-slop frontend skill.
SkillAFreshness: A★ 101.9KClaude Code +9 - 0.874score
vercel-sandbox
vercel-labsOfficial
Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.874score
frontend-testing
langgenius
Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test…
SkillAFreshness: A★ 159.4KClaude Code +9 - 0.870score
core
vercel-labsOfficial
Core agent-browser usage guide.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.868score
lark-apps
larksuite
妙搭(Spark/Miaoda)应用开发与托管:应用创建、本地全栈开发、云端生成迭代、创意设计(UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索)、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV…
SkillAFreshness: A★ 17.8KClaude Code +9 - 0.856score
golden-html
yusufkaraaslan
Use when testing the html golden build
SkillAFreshness: A★ 15.2KClaude Code +9 - 0.856score
golden-html-kw
yusufkaraaslan
Use when testing keyword categorization
SkillAFreshness: A★ 15.2KClaude Code +9 - 0.856score
golden-html-multi
yusufkaraaslan
Use when testing the multi-file html build
SkillAFreshness: A★ 15.2KClaude Code +9 - 0.855score
ui-core-components
open-metadata
Use when writing or editing React/TSX in `openmetadata-ui/src/main/resources/ui/src/` or `openmetadata-ui-core-components/`, before reaching for a raw `<div>`…
SkillAFreshness: A★ 15.6KClaude Code +9 - 0.851score
component-vuln-intel
AIPentest
联网情报收集:识别组件后必做CVE/搜索引擎/中文社区/GitHub PoC/资产引擎/即时情报/依赖扩展+受阻换路。Use when a framework/component/version is identified and must search before exploit.
SkillAFreshness: A★ 8KClaude Code +9 - 0.848score
preview
Companion-Inc
Render Markdown or LaTeX research artifacts to HTML or PDF with pandoc.
SkillAFreshness: A★ 10KClaude Code +9 - 0.847score
community-share
yang0
通用手绘风社区发帖与静态页面/资产发布 Skill。打通 handraw-style.com (Discourse) 官方论坛账号系统与静态画廊发布系统。涵盖双重能力:(1) 全板块论坛发帖与管理(创作交流、好用的工具、综合大厅、运营与变现、实战作品与爆款、手绘skill):支持发布通用长帖、出版级手绘提示词卡片、自…
SkillAFreshness: A★ 6.2KClaude Code +9 - 0.847score
component-canvas
ibelick
Build a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom.
SkillAFreshness: A★ 10.1KClaude Code +9 - 0.846score
agent-browser
vercel-labsOfficial
Browser automation CLI for AI agents.
SkillAFreshness: A★ 44.5KClaude Code +9 - 0.844score
visual-ralph
Yeachan-Heo
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict…
SkillAFreshness: A★ 33.6KClaude Code +9 - 0.843score
dbs-wechat-html
dontbesilent2025
把 Markdown 转成可粘贴到微信公众号后台的 HTML,并提供 15 种内置风格。用户要求生成公众号 HTML、制作微信版本或排版公众号文章时使用。
SkillAFreshness: A★ 10.9KClaude Code +9 - 0.842score
holoscan-setup
Holoscan Team <holoscan-team@nvidia.com>
Assess a host and choose a Holoscan SDK 5.x installation method using release availability, CUDA 13 compatibility, and component needs.
SkillAFreshness: A★ 3.7KClaude Code +9 - 0.842score
markstream-custom-components
Simon-He95
Override built-in Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular.
SkillAFreshness: A★ 3KClaude Code +9 - 0.842score
markstream-install
Simon-He95
Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.
SkillAFreshness: A★ 3KClaude Code +9