design-extractor
Design Extractor Skill
从目标网站提取完整设计系统（tokens + 组件结构），保存为可复用文件，供后续页面生成时作为设计上下文使用。
模式选择
启动后先询问用户使用哪种模式：
- 自动模式（推荐）：只需提供 URL，Playwright 自动完成所有提取，包括截图和录屏
- 手动模式：用户自己在 DevTools 运行脚本，适合无法安装 Playwright 的场景
自动模式（Playwright）
步骤 1：环境检测与安装
More from yijingjia/skills
markdown-to-image
将 Markdown 文件渲染为小红书卡片图片（3:4 竖版 PNG）。支持文本、代码块、表格、列表、引用、图片等内容块，自动分页，支持四种视觉主题。当用户提到"生成小红书图片"、"把文章做成卡片"、"导出图片"、"/md2img"时触发此 skill。
7lint-manager
Comprehensive lint configuration and error management for multi-language projects. Automatically detects programming languages, generates appropriate lint configurations (ESLint, Ruff, SwiftLint, golangci-lint), installs required tools, runs lint checks, and auto-fixes errors with AI. Use for setting up linting for a new project, configuring pre-commit hooks, running lint on staged or specific files, auto-fixing lint errors, detecting project programming languages, and generating lint configuration files. Supports JavaScript/TypeScript, Python, Swift, and Go.
5