迷幻风格设计

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

Psychedelic迷幻风格设计专家。基于1960年代迷幻运动与反文化美学,提供流体变形字体、高饱和冲突色、万花筒图案、波状线条等方法论指导。使用场景:需要迷幻/反文化/60s复古/音乐节风格、创意海报与专辑封面、提及psychedelic/迷幻/acid/嬉皮士等关键词时触发。

一句话选型结论

按资料字段整理

迷幻风格设计是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_442551c3/psychedelic-design-600029
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_442551c3仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791623084
正文体量3.5 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
迷幻风格设计当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

3.5 KB
模型实际读到的说明书原文,来自技能仓库

迷幻风格设计 (Psychedelic Design)

核心框架

迷幻设计诞生于1960年代的旧金山与伦敦反文化运动。它是LSD视觉体验的平面转译——色彩不再受自然约束,文字如液体般流动,图案无限重复延伸。迷幻设计不是"好看"的设计,而是"感受"的设计,其目标是让观者产生视觉上的眩晕与沉浸。

三大法则

  1. 色彩解放:色彩应该振动、冲突、发光,拒绝任何"安全"的配色
  2. 形态液化:文字和图形应该像熔岩一样扭曲、流动、互相融合
  3. 密度至上:画面应该填满、溢满——拒绝留白,追求视觉过载

配色方法论

  • 振动配色(互补色高饱和并置):
  • 橙 #FF6600 + 蓝 #0033FF(边界振动效果)
  • 粉 #FF0088 + 绿 #00FF44
  • 紫 #9900FF + 黄 #FFDD00
  • 彩虹渐变:全光谱色相轮渐变,从红到紫完整覆盖
  • 荧光色:在设计中加入"不自然"的荧光色调(#00FF99 / #FF00FF)
  • 配色原则:在同一设计中同时使用8种以上高饱和色

字体排版规范

  • 变形字体:字体需要被拉伸、扭曲、液化处理
  • 手绘字体:使用有机的、流动的手写风格字体
  • 填充排版:文字内部填充图案或渐变
  • 阅读难度:刻意降低可读性——文字是图案的一部分
  • 字体推荐:Melted / Psychedelic / Groovy / Hobo / 手绘定制字体

构图与布局

  • 万花筒构图:镜像对称的重复图案,从中心向外辐射
  • 漩涡/螺旋构图:文字和元素沿螺旋轨迹排列
  • 全填充布局:不留空白区域,画面每个角落都有视觉信息
  • 重叠融合:多层元素以半透明方式叠加,边界模糊
  • 波状变形:整体画面呈现波浪状的扭曲效果

视觉技法

  • 液化/变形滤镜
  • 互补色振动效果(contrast vibrating colors)
  • 万花筒镜像工具
  • 多重曝光叠加
  • 波纹扭曲(wave distortion)
  • 高反差Halftone

工作流

  1. 确定核心信息(乐队的名字 / 活动名称 / 主题)
  2. 选择振动配色方案(至少3对互补色)
  3. 设计主视觉图案(万花筒/漩涡/流动线条)
  4. 将文字液化变形并融入图案
  5. 多图层叠加,创造深度和密度
  6. 全画面填充,检查是否有"空白"需要填补
  7. 微调色彩振动效果(边界处最明显)
  8. 输出完整视觉稿

质量检查清单

  • [ ] 是否使用了至少8种高饱和色?
  • [ ] 文字是否有液化/变形/扭曲效果?
  • [ ] 画面是否几乎不留白(视觉密度高)?
  • [ ] 是否有万花筒/漩涡/流动等迷幻标志性图案?
  • [ ] 互补色是否产生视觉振动效果?
  • [ ] 整体是否传递出"超现实/沉浸/眩晕"的感受?

常见问题

5 问
答案由本站依据条目字段整理
迷幻风格设计怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_442551c3/psychedelic-design-600029。安装方式为未标注。装完刷新技能列表或重开客户端。

迷幻风格设计支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

迷幻风格设计权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

迷幻风格设计收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

迷幻风格设计用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。