Ad[ For iPhone / iPad ] 🔥 Unbelievable interactive wallpapers by Nugget. Never seen anything like this!

skills.homescapability registry Search

home/categories/design

category focus

Design

UI/UX, graphics, and prototyping.

1436 skillsall categories

sorting

Stars

current ordering strategy

query

all entries

refine the visible subset

design

0

frontend-design

높은 디자인 품질을 갖춘 독특하고 운영 수준(production-grade)의 프런트엔드 인터페이스를 생성합니다. 웹 컴포넌트, 페이지, 아티팩트, 포스터 또는 애플리케이션(예: 웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 또는 모든 웹 UI의 스타일링/미화)을 구축할 때 이 SKILL을 사용하세요. 일반적인 AI 미학을 피하고 창의적이고 세련된 코드와 UI 디자인을 생성합니다.

icartsh

content-media

design

0

design-asset-parser

Parses design assets (PDF, CSS) to generate a draft design spec.

munlucky

content-media

design

0

app-icon-generator

Generate appealing, high-quality iOS and Android app icons following each platform's design guidelines. Handles specifications, safe zones, export formats, and platform-specific requirements.

ravnhq

content-media

design

0

color-palette

Create distinctive, accessible color palettes for UI/web design that avoid generic AI aesthetics. Use when designing websites, applications, or any digital interface requiring thoughtful color selection. Provides curated domain-specific palettes, color theory guidance, accessibility validation, and strategies to break away from overused patterns (purple gradients, orange-teal combinations, generic tech blues). Includes contrast checkers, palette generators, and comprehensive reference materials organized by domain (Tech/SaaS, E-commerce, Healthcare, Finance, Creative, Food).

nhatmobile1

content-media

design

0

figma-prototyping

Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate

dylantarre

content-media

design

0

design

Create high-level system design and architecture diagrams.

LongbowXXX

content-media

design

0

mdl2-icon-picker

Select appropriate Segoe MDL2 Assets icons for WinUI Windows applications. Use when the user needs an icon for their WinUI app UI, asks for icon recommendations, needs a glyph for a button or control, or wants to find icons by visual appearance or use case. Provides Unicode points and icon names with visual descriptions and creative alternatives.

WayneKoorts

content-media

design

0

searches-iconify

Searches Iconify API for icons by query. Use when users need to find, search, or discover icons from Iconify collections.

cbingb666

content-media

design

0

icon-design

Generate application icons for modern web and mobile applications in major image formats including PNG and SVG. This skill should be used when creating app icons, launcher icons, favicons, or PWA icons. It provides platform-specific specifications (iOS, Android, Web), design best practices, color psychology guidance, and references to popular app icon designs. Use this skill for icon design requests, app branding projects, or when generating icon assets for app stores.

karak

content-media

design

0

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Cissou34730

content-media

design

0

design-styles

Comprehensive web design aesthetics guide for applying specific design styles to projects. Use when: (1) User mentions a specific design style name (glassmorphism, brutalist, minimalist, neomorphism, cyberpunk, etc.), (2) User asks for design style recommendations or suggestions, (3) User wants to browse/see available design styles, (4) User is starting a frontend project and needs aesthetic guidance, (5) User asks what style fits their industry/audience/brand, (6) Working with the frontend-design skill and style direction is needed. Provides actionable design direction including color palettes, typography, layout principles, and implementation examples.

nhatmobile1

content-media

design

0

design-excellence

MANDATORY design quality validation for every section. Ensures implementations match inspiration quality and avoid generic AI aesthetics. Use during shape-pages and implement.

deomiarn

content-media

design

0

pca-gif-maker

Gera GIFs animados programaticamente usando Python (Pillow) para o projeto PCA Camocim. Cria animacoes de texto e badges para documentacao.

narcisolcf

content-media

design

0

designing-brand

ブランドアイデンティティとビジュアル設計システムを構築します。カラーシステム、タイポグラフィ、デザイントークン、ガイドラインを提供します。ブランド統一、デザインシステムの構築が必要な場合に使用してください。

sekka

content-media

design

0

toolbox-uuid

Create a UUID (Universally Unique Identifier).

chaddm

content-media

design

0

image-gen

根据文本描述生成图像（返回生成参数和预览URL）

w2112515

content-media

design

0

design-system-modern-oklch

Use when setting up modern UI design systems with OKLCH colors, Shadcn components, and Tailwind v4 - provides production-ready design tokens, component patterns, and complete setup for cutting-edge color science

imehr

content-media

design

0

edu-demo-builder

Build educational demos with excellent UX. Use when spawned by orchestrator to create or improve interactive visualizations. Focus on: obvious next action, no scrolling, persistent state display. You don't see benchmarks - follow UX principles. Copy base file to your output, then edit your copy.

hanialshater

content-media

design

0

color-palette-frappe

Palette Catppuccin Frappé (hex/rgba) pour diagrammes Mermaid; référence pour styles cohérents.

pascalandy

content-media

design

0

figma-design-extraction

Complete Figma design extraction for pixel-perfect implementation. Extracts design tokens, component specs, layouts, and responsive behavior systematically. Use when user provides Figma design: - Figma URL or file link provided - User mentions "Figma", "design file", "mockup", or "design system" - During /create-plan phase when design needs extraction - User says "extract from Figma" or references Figma link Extract systematically: - Design tokens: ALL colors (hex + usage), typography (sizes, weights, line heights), spacing scale, border radius, shadows, opacity values - Components: ALL states (default, hover, active, focus, disabled, loading, error), ALL variants (size/style/intent), exact dimensions, spacing, visual properties - Layouts: page structure, grid systems (columns, gutters), component hierarchy - Responsive: mobile/tablet/desktop differences explicitly documented - Assets: icons (names, sizes), images (dimensions, alt text), illustrations Goal: Extract ONCE completely during planning phase

phananhtuan09

content-media

design

0

swiftui-colors-modifiers

Modern SwiftUI colors, ShapeStyle, gradients, MeshGradient, and custom ViewModifiers. Use when user asks about colors, foregroundStyle, gradients, hierarchical colors, tint, custom ViewModifiers, or SwiftUI styling.

bluewaves-creations

content-media

design

0

design-system-audit

UI 구성 요소의 여백(Padding/Margin), 색상, 타이포그래피의 일관성을 검토하고 디자인 시스템 준수 여부를 확인합니다.

kimjuyoung1127

content-media

design

0

rendering-with-drawingcontext

Renders high-performance graphics using WPF DrawingContext for 10-50x improvement over Shape. Use when drawing large numbers of shapes or optimizing rendering performance.

christian289

content-media

design

0

card-shaders

Create and customize WebGL shader backgrounds for service cards. Use when building animated card backgrounds, adding new shader effects, or modifying existing shader components in the Lumina Oracles project.

edhumbling

content-media

Page 57 / 60