claude

design-techniques

设计手法库:只收在真实项目里做出好效果的视觉手法(叠图晕染、手绘风格化),每个手法带效果图、适用场景、工具依赖和完整的风格化 skill

4 on GitHubby DwDestinyv0.2.9MITupdated 4 days agodesign
/

Plugin design-techniques from marketplace maizong-skills in DwDestiny/my_skill. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (3)

  • catalog

    设计手法库的入口索引。列出在真实项目里验证过效果的视觉手法，目前有叠图晕染（layered-reveal）与手绘风格化（hand-drawn）。每个手法带效果图、适用场景、所需工具与依赖，并指向一个完整的风格化子 skill。适用：做网页、讲解页、宣讲页、课程页、发布页、落地页，或用户说"要高级效果""有质感""炫一点""不像模板""用什么手法""有哪些风格"时，先用它选手法，再调用子 skill。不适用：原生 App 界面、后台表单与仪表盘、纯文字文档。

  • hand-drawn

    用代码在网页上画出“纸 + 画具 + 手写字”的手绘质感：一张纸面高度场同时驱动纸纹、彩铅颗粒和墨的缺口，钢笔线带复描和抖动，色调靠随形排线，中文用手写字体逐字抖动，悬停时切层或“抖一下”。适合讲课页、讲解图、教学流程图、手抄报式的专题页和需要“人画出来”温度的首屏。用户说手绘、手绘风、钢笔、彩铅、排线、手抄报、手写字、纸质感、颗粒感、线稿质感、草图风、笔记本风、黑板风、蓝图风、讲解图、教学页、“像人画的”“别像生图”时使用。不适用：需要照片级写实或品牌规范严格的商业页；数据密集、要精确读数的仪表盘；只要一张静态插画（直接生图更快）；无法加载约 170 KB 字体子集的场合。

  • layered-reveal

    叠图晕染手法：同一构图准备两到三层像素对齐的图（如大理石浮雕与实景照片），读者的指针、固定吊灯、空闲巡游或滚动驱动一片 WebGL 墨迹场，墨迹到哪里，下一层就在哪里晕开显现，热点说明牌只在光下浮出。用于用户说"探照灯""鼠标照亮""光照到才显现""揭示""叠图""水墨晕染""换装""前后对比""昼夜切换""改造前后""透视内部""像 Immersive Garden 那样"的单页、讲解页、发布页与宣讲页。含起手引擎、演示页、成对图生产 SOP 与踩坑。不适用：内容主要靠大段文字或表格、没有一幅值得被照亮的画面、或页面必须在低端手机上长时间流畅运行的场合。

View source on GitHub

More from DwDestiny/my_skill

All 4 plugins →

wxops

claude

公众号多账号编辑部:账号 / 数据分析 / 选题 / 写作 / 配图 / 发布(草稿箱止步) / 复盘 全环节多账号管理

8 skills · 4 agents

4

ui-delivery

claudecodex

从产品页面目标到逐屏设计、实现与实机验收的八阶段 UI 交付工作流。

9 skills

4

grok-cli

claude

把 xAI 官方 Grok Build CLI 当外部子智能体用:headless 调用范式、结构化输出、模型与 effort 避坑、成本与权限控制

1 skill

4

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

pr-review-toolkit

claude

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain design-techniques?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins4 plugins