anthropics/skills180kfrontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
把已确认的公众号终稿 Markdown 排版并写入微信公众号草稿箱。用于用户说"发布到公众号、写入草稿箱、公众号排版、换个排版主题、发小绿书图片消息"等场景。自动上传封面与文内图片,支持多主题与自定义 CSS、多账号和 server 模式。只创建草稿不群发,凭据只通过环境变量提供,未安装适配工具时交付手动发布包。
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/yanhua1010/self-media-content-workflow/self-media-wechat-publisher/install.md ,按里面的步骤帮我安装这个 Skill。
把确认过的公众号终稿 Markdown 排版成平台原生富文本,连同封面和文内图片写入公众号草稿箱。只创建草稿,从不群发。
本模块是公众号渠道的发布适配层,基于开源工具 wenyan CLI(Apache-2.0)。wenyan 不可用时不阻塞创作流程,按 self-media-content-delivery 交付手动发布包。
wenyan --version 确认安装。未安装时提示 npm install -g @wenyan-md/cli,用户不想安装则直接交付手动发布包。WECHAT_APP_ID 和 WECHAT_APP_SECRET 环境变量存在。只判断存在性,不读取、不回显、不写入任何文件。文章顶部必须有 frontmatter:title 必填;cover 为本地或网络路径,缺省时自动取正文第一张图;author 和 source_url 可选。文内图片支持本地绝对路径、相对路径和网络地址,发布时自动上传公众号素材库。模板见 wechat-article-template.md。
小绿书图片消息:frontmatter 设 type: image 自动提取正文全部图片,或手动列出 image_list。最多 20 张,首图即封面。
wenyan render -f 文章.md -t 主题),让用户对比选择。-c 加载自定义 CSS 主题。两层授权缺一不可:终稿确认,加上草稿箱写入授权。
wenyan render 本地渲染,确认无乱码、代码块和表格可读。wenyan publish -f 文章.md -t 主题 -h 高亮主题 写入草稿箱。发布失败时按 wenyan-setup.md 排查。同一错误不盲目重试超过一次,凭据类问题交给用户处理。
发布到多个公众号时,改用 wenyan 的凭据配置管理多账号,publish 时加 --app-id 指定。每个账号都需要独立配置 IP 白名单。
返回:草稿标题、使用主题、封面来源、图片数量、草稿创建时间和需要人工核对的清单。
anthropics/skills180kGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
anthropics/skills180kSuite 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.
前端开发
addyosmani/agent-skills103kGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
前端开发
addyosmani/agent-skills103kBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
前端开发
addyosmani/agent-skills103kOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
前端开发
nexu-io/open-design100kOpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
前端开发