mirror of
https://github.com/ComposioHQ/awesome-claude-skills.git
synced 2026-10-10 03:28:07 +00:00
Merge cf8df60d65 into 0e304eadb3
This commit is contained in:
commit
3aa2ebb76d
2 changed files with 59 additions and 0 deletions
|
|
@ -164,6 +164,7 @@ Claude Skills are customizable workflows that teach Claude how to perform specif
|
|||
- [Canvas Design](./canvas-design/) - Creates beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, designs, and static pieces.
|
||||
- [imagen](https://github.com/sanjay3290/ai-skills/tree/main/skills/imagen) - Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets. *By [@sanjay3290](https://github.com/sanjay3290)*
|
||||
- [Image Enhancer](./image-enhancer/) - Improves image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.
|
||||
- [Polanyi Design](https://github.com/SunflowersLwtech/polanyi-design) - Frontend design cognitive engine grounded in tacit knowledge theory that surfaces expert-level visual judgment for UI design decisions. *By [@SunflowersLwtech](https://github.com/SunflowersLwtech)*
|
||||
- [Slack GIF Creator](./slack-gif-creator/) - Creates animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.
|
||||
- [Theme Factory](./theme-factory/) - Applies professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages with 10 pre-set themes.
|
||||
- [Video Downloader](./video-downloader/) - Downloads videos from YouTube and other platforms for offline viewing, editing, or archival with support for various formats and quality options.
|
||||
|
|
|
|||
58
polanyi-design/SKILL.md
Normal file
58
polanyi-design/SKILL.md
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
---
|
||||
name: polanyi-design
|
||||
description: Frontend design cognitive engine that surfaces expert-level visual judgment for UI design, layout, and aesthetic decisions.
|
||||
---
|
||||
|
||||
# Polanyi Design
|
||||
|
||||
A frontend design cognitive engine grounded in Michael Polanyi's tacit knowledge theory. It surfaces the visual judgment that senior designers *know* but rarely articulate — operating at the implicit/tacit knowledge boundary where documentation ends and judgment begins.
|
||||
|
||||
## When to Use This Skill
|
||||
|
||||
- UI design, layout, visual hierarchy, or "why does this look off" questions
|
||||
- Design system work, component API design, responsive strategy
|
||||
- Color, typography, and spacing decisions requiring aesthetic judgment
|
||||
- Design review or diagnosis beyond rule-following
|
||||
|
||||
## What This Skill Does
|
||||
|
||||
1. **Knowledge Filter**: Skips what tutorials teach, extracts what senior designers know but haven't written down, and approximates embodied design intuition
|
||||
2. **Five Design Lenses**: Gestalt diagnostics, subsidiary-focal awareness, token hierarchy, tacit translation (feeling → fix), and convention judgment (when to break rules)
|
||||
3. **Aesthetic Judgment Encoding**: Six patterns that prevent AI from converging on generic defaults — negation over assertion, polarization over compromise, anti-convergence
|
||||
|
||||
## How to Use
|
||||
|
||||
### Basic Usage
|
||||
|
||||
```
|
||||
/polanyi-design 设计一个登录页面
|
||||
```
|
||||
|
||||
### Advanced Usage
|
||||
|
||||
```
|
||||
/polanyi-design Review this dashboard layout — something feels off but I can't name it
|
||||
```
|
||||
|
||||
The skill also auto-activates on design-related keywords: "design", "layout", "UI", "looks like a template", "feels off", etc.
|
||||
|
||||
## Example
|
||||
|
||||
**User**: "Why does this landing page feel like a template?"
|
||||
|
||||
**Output**: Gestalt diagnosis identifying that every decision is the statistical mode of its category (Inter + blue-500 + rounded-lg), followed by 2-3 structural fixes with exact values that create a distinctive visual identity.
|
||||
|
||||
## Tips
|
||||
|
||||
- Works best when you describe what *feels* wrong rather than what *is* wrong — the skill translates tacit reactions into structural fixes
|
||||
- Pair with the official `frontend-design` skill for maximum effect — they complement each other
|
||||
- The skill calibrates depth to the asker: beginners get explicit guidance with implicit reasoning, experts get post-critical engagement
|
||||
|
||||
## Common Use Cases
|
||||
|
||||
- Diagnosing why a design "feels off" or "looks like a template"
|
||||
- Making deliberate anti-template decisions (font pairing, color relationships, layout breaks)
|
||||
- Design system review with tacit knowledge articulation
|
||||
- Translating expert design intuition into concrete specs with values
|
||||
|
||||
**Credit:** Based on [Michael Polanyi](https://en.wikipedia.org/wiki/Michael_Polanyi)'s tacit knowledge framework (*Personal Knowledge*, 1958; *The Tacit Dimension*, 1966), with insights from Harry Collins's tacit knowledge taxonomy and the Dreyfus skill acquisition model.
|
||||
Loading…
Add table
Reference in a new issue