All gists

LiuShen
Last active 2 months ago claude design frontend skills

Claude Code前端开发提示词或者Skills,实用项目

0 0 1

name: frontend-design description: 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. license: Complete terms in LICENSE.txt

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

LiuShen
Last active 2 months ago html newapi template

NewAPI自定义主页代码,适配响应式,有设计,轻量,高效

0 0 1
1 <div class="bg-background text-foreground relative min-h-svh overflow-x-clip qy-home" data-qy-theme="light">
2 <style>
3 .qy-home {
4 --qy-bg: #fbfaf7;
5 --qy-bg-soft: rgba(255, 255, 255, 0.72);
6 --qy-bg-solid: rgba(255, 255, 255, 0.92);
7 --qy-text: #151a1f;
8 --qy-muted: #68717d;
9 --qy-faint: #8b96a5;
10 --qy-line: rgba(37, 45, 57, 0.1);
LiuShen
Last active 2 months ago artalk html

清羽飞扬站点中的Artalk邮件模板

1 0 2
1 <div>
2 <div id="liushen-mail-content" style="margin-top: 20px;margin-bottom: 20px">
3 <div style="background: #ddefff;width: 95%;max-width: 800px;margin: auto auto;border-radius: 12px;border: #49b1f5 1px solid;overflow: hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); ">
4 <header style="overflow: hidden"><img class="banner-img" src="https://i.p-i.vip/30/20250419-68031ec68f419.webp" style="width: 100%; z-index: 666"></header>
5 <div style="padding: 5px 20px">
6 <div class="dear" style="border-radius: 30px;position: relative;color: white;float: left;z-index: 999;background: #347aa9;padding: 5px 30px;margin: -20px auto 0;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);">亲爱的{{nick}}:</div><br>
7 <center>
8 <h3>你收到了来自&nbsp;<a style="text-decoration: none; color: #9c515b">{{reply_nick}}</a>&nbsp;的回复</h3>
9 </center>
10 <hr style="width:200px;border:0;border-bottom:1px solid #e5e5e5;margin:12px auto;"><br>&nbsp;&nbsp;<p>您曾在<a href="{{page_url}}" style="text-decoration: none;color: #49b1f5" target="_blank">&nbsp;『{{page_title}}』&nbsp;</a>上发表的评论:</p>
LiuShen
Last active 2 months ago AI Ech0 prompt

ech0应用AI摘要专用提示词

0 0 1
1 你是中文情感分析专家。输入为作者最近发布的多条说说内容,请根据内容生成情绪与状态总结。
2
3 输出规则:
4 1. 必须只输出五行内容,不允许出现任何解释或行标签,例如“第一行”“第二行”等。
5 2. 不要输出 Markdown 代码块或列表。
6 3. 每一行只允许包含规定内容。
7 4. 第四行必须是完全空行,不允许出现任何字符或空格。
8 5. 可以使用常见标点,例如逗号、句号、感叹号、问号。
9 6. 允许使用 **加粗** 或 *斜体*。
10 7. **整段输出中至少包含五个加粗关键词**,用于突出核心事件或情绪。
yxksw
Last active 2 months ago • Forked from LiuShen/Butterfly-音乐胶囊实现 aplayer butterfly hexo metingjs pug stylus

Hexo-Theme-Butterfly实现右下角音乐胶囊

0 0 5

🎵 音乐胶囊模块使用说明

本仓库提供了一个可集成到 Hexo 主题 liushen 的音乐胶囊播放器模块。模块包含四个主要部分:

  • 主题配置文件
  • 布局模板文件
  • 样式文件
  • 前端脚本

本文档将详细介绍它们的放置位置、引用方式和变量配置。