Skills / Category
Frontend
902 skills
Showing 721–744 of 902
- 0.494score
architecture-diagram
hackjie
架构师专用图表生成工具,根据用户提供的内容(markdown、网页、文本等)和需求,理解并总结抽象后生成专业的设计图表(HTML格式),包括架构图、流程图、组件图、时序图、框架图、规划图等。支持将HTML转换为PNG图片。从专业设计师角度设计,确保图表简洁、清晰,颜色搭配合理。当用户需要创建技术架构图、系统设计图、业…
SkillCFreshness: C★ 1Claude Code +9 - 0.494score
browser-tools
1337hero
Drive VISIBLE Chrome with real profile/logins (CDP :9222).
SkillCFreshness: C★ 1Claude Code +9 - 0.494score
java-web-scaffold
wwsun
初始化 java fullstack 工程(Java 21 + Spring Boot 3 + React 19 + MySQL + Redis)。只在用户明确输入 /java-web-scaffold 时才使用此技能,不要根据任务内容自动推断是否使用此 skill。
SkillCFreshness: C★ 1Claude Code +9 - 0.494score
local-dev
audioboxer217
Run the local development environment for the TKD Registration Frontend repo, including Flask dev server and Stripe CLI webhook forwarding.
SkillCFreshness: C★ 1Claude Code +9 - 0.494score
rocm-ds-smi-science-tools
carlosfundora
Parent overview skill for ROCm Data Science (ROCm-DS) components and SMI tools.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
color
Dragoon0x
Generate a color palette token file (CSS variables, tailwind config, or JS module) from the palette detected by /scan.
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
component
Dragoon0x
Generate a UI component scaffold in the codebase's actual style.
SkillCFreshness: C★ 4Claude Code +9 - 0.492score
chrono-flow
haomingz
根据JSON数据生成精美的交互式时间线HTML页面,支持垂直、水平、双侧三种布局,可自定义主题色、展开详情,并适配移动端。适合展示项目里程碑、产品版本记录、公司发展历程或个人简历。当用户提及制作时间线、历程图、历史记录可视化,或需要将一系列事件、日期与描述数据转换为网页时触发。
SkillDFreshness: D★ 22Claude Code +9 - 0.492score
data-viz-gen
haomingz
从 JSON 数据生成自包含的 HTML/SVG 信息图,支持 KPI 统计卡片、分组柱状图对比、流程图和混合仪表盘四种类型,提供 8 套配色方案和 24 个内置图标,输出完全自包含的 HTML 文件,无需外部依赖。当用户需要数据可视化、信息图、图表、仪表盘,或提及生成图表、制作…
SkillDFreshness: D★ 22Claude Code +9 - 0.492score
gantt-chart-builder
haomingz
根据任务列表和依赖关系生成交互式HTML甘特图,支持关键路径分析(CPM),可视化项目时间线、依赖关系和可延迟的浮动时间。当用户提到甘特图、项目时间线、关键路径、任务排期、项目进度图、依赖关系可视化、工期计算或直接说“帮我排一下项目时间”、“生成一个项目进度图”、“分析一下哪些任务是关键路径”时触发。
SkillDFreshness: D★ 22Claude Code +9 - 0.492score
frontend-design
vadimcomanescu
Create distinctive, production-grade frontend UI with a bold, intentional aesthetic direction, purposeful layouts, meaningful motion, and strong accessibility.
SkillDFreshness: D★ 25Claude Code +9 - 0.491score
gen-email
octo-patch
Send the daily MorningAI digest as HTML email via SMTP to a configured recipient list.
SkillDFreshness: D★ 33Claude Code +9 - 0.491score
timeline
hackjie
水平时间轴图表生成工具。根据用户提供的时间节点和事项,生成专业的水平时间轴 HTML 图表, 支持转换为 PNG。适用于项目规划、路线图、里程碑展示、版本发布计划等场景。 当用户需要创建时间轴、路线图、规划图、里程碑图时使用此技能。
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
design
claudekit
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud AI), corporate identity program (50…
SkillBFreshness: B★ 1Claude Code +9 - 0.489score
video-to-keyframes
trae-community
Extracts video frames, detects cuts/segments, selects candidate keyframes, and generates review HTML galleries.
SkillDFreshness: D★ 21Claude Code +9 - 0.489score
web-scraper
lituokobe
网页抓取工具 | 从沙箱内直接发起 HTTP 请求获取网页内容,解析 HTML 并转换为干净的 Markdown 文件保存到 /analysis/temp/。支持内网 URL(如 http://39.100.100.28/...)。触发词:抓取网页、网页转markdown、爬取内容、保存网页、scrape…
SkillCFreshness: C★ 1Claude Code +9 - 0.487score
impeccable
dotlas
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
SkillCFreshness: C★ 2Claude Code +9 - 0.487score
event-etf-study
haomingz
基于关键事件进行ETF研究。从概念或事件出发,识别相关股票,构建市值加权ETF指数,分析事件窗口期间的市值变化,并生成交互式HTML仪表盘。当用户询问概念股、概念ETF、事件驱动分析或事件研究时使用。触发条件:提及影响A股概念板块的热门话题、政策或事件;请求构建主题ETF或概念指数;分析特定事件前后的股票表现。
SkillDFreshness: D★ 22Claude Code +9 - 0.486score
jina-reader
Dwsy
URL 内容提取 + 网络搜索。读取网页转 Markdown/HTML/Text/JSON,搜索最新网络信息。触发词:read url, scrape, extract content, web search, 网页内容, 搜索
SkillDFreshness: D★ 24Claude Code +9 - 0.483score
repo-cache
archibate
Clone or reuse a cached local checkout of a remote git repo (GitHub/GitLab/Bitbucket).
SkillCFreshness: C★ 42Claude Code +9 - 0.483score
fase-verificador-integracao
isaaceliape
Tests component integration and cross-module functionality
SkillCFreshness: C★ 1Claude Code +9 - 0.481score
ecopartner-match-recommend
AgenticAIPlan
中南片区生态伙伴智能匹配 — 输入客户AI需求,匹配中南片区240家生态伙伴,输出推荐方案+追问澄清+HTML报告。触发词:供需匹配、伙伴匹配、中南片区匹配、服务商匹配、智能匹配、AI匹配、推荐方案、匹配伙伴、找服务商、伙伴推荐、AI需求、生态伙伴、ecopartner、ecopartner-match-recomm…
SkillDFreshness: D★ 12Claude Code +9 - 0.479score
better-auth
github.com/kryptobaseddev
Implement Better Auth (better-auth.com) — the framework-agnostic TypeScript authentication library — across ANY stack: Next.js, SvelteKit, Nuxt, SolidStart…
SkillCFreshness: CClaude Code - 0.479score
candango-executor
lucasbayma
Candango Executor.
SkillCFreshness: CClaude Code +9