본문으로 건너뛰기
cccskills

디자인 스킬

UI/UX, 로고, 슬라이드, 이미지 생성 (7.4천건)

가격이나 정렬 순서로 필터

Comprehensive architecture patterns, methodologies, quality frameworks, and evaluation methods for solution architects. Load when designing system architecture or selecting patterns.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nWave-ai/nWave6222026년 9월 16일 업데이트

Use when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility, perceptual matching, pigment mixing, print-vs-screen color, CSS color syntax, or historical color terminology. Use this skill whenever the user is choosing, comparing, generating, naming, converting, or explaining colors, even if they do not explicitly ask for "color theory."

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

meodai/skill.color-expert6212026년 10월 21일 업데이트

把已确认的公众号终稿 Markdown 排版并写入微信公众号草稿箱。用于用户说"发布到公众号、写入草稿箱、公众号排版、换个排版主题、发小绿书图片消息"等场景。自动上传封面与文内图片,支持多主题与自定义 CSS、多账号和 server 模式。只创建草稿不群发,凭据只通过环境变量提供,未安装适配工具时交付手动发布包。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

yanhua1010/self-media-content-workflow6182026년 10월 13일 업데이트

Apply Strunk's timeless writing rules to ANY prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text. Makes your writing clearer, stronger, and more professional.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

obra/the-elements-of-style6062026년 8월 13일 업데이트

扮演产品经理,按照包含背景调研、数据分析、客户细分、UX改进、A/B测试、实施计划和监控优化的七步法结构,制定全面的产品优化方案,以提高转化率和收入。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ECNU-ICALK/AutoSkill6052026년 5월 10일 업데이트

Create and edit professional motion graphics videos with Remotion (React-based video). Use this skill EVERY time the user wants to create a video, edit a video, animate something, build an intro/outro/logo animation, make a Reel/Short/promo/launch video, add text animations or captions to footage, composite images and B-roll into a video, or mentions Remotion, motion graphics, video rendering, or "make this video look better/less generic". Also trigger when editing an existing Remotion project or when the user complains their video looks basic, generic, or amateur — this skill contains the exact fixes. Always read this skill BEFORE writing any Remotion code.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haidrrrry/claude-remotion-skill5982026년 8월 13일 업데이트

Compose and Compose Multiplatform expert for UI development across Android, Desktop, iOS, and Web. Use whenever the user mentions Compose APIs (@Composable, remember, LaunchedEffect, NavHost, MaterialTheme, LazyColumn, Modifier, recomposition), Compose Multiplatform (commonMain, expect/actual, Res.*, ComposeUIViewController, UIKitView, ComposeViewport), Android TV (tv-material, D-pad, focus, Carousel), Material 3 motion, atomic design systems, design-to-code workflows, Paging 3, or navigation. Activates Review Mode on GitHub PR URLs and review phrases ("review this PR", "what's wrong with this"). Auto-detects Compose projects on session_start. Backed by actual androidx/androidx and JetBrains/compose-multiplatform-core source receipts. See "## When this skill applies" in SKILL.md for the full trigger surface.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aldefy/compose-skill5972026년 7월 23일 업데이트

为页面、组件和产品界面提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA, 也创作与修改微信公众号封面、B站封面、YouTube 缩略图、小绿书配图和小红书封面,按平台检查裁切与可读性。 在用户要求从零设计、重设计、优化 UI/UX、审查界面、建立设计系统、参考某种风格, 或创作公众号封面、设计公号头图、修改微信文章封面、制作 B站封面、YouTube 封面、小绿书配图、小红书配图时使用; 不用于只改业务逻辑、纯文案润色或与界面无关的普通编码。默认由当前 Codex 直接执行, 只有用户在当前任务明确点名 K3 时才调用外部模型。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

joeseesun/qiaomu-design5932026년 10월 13일 업데이트

Defines where UI components belong in Operately (TurboUI-first). Use when creating, changing, reviewing, or migrating UI components, adding features that need UI, or deciding whether to refactor legacy app UI in app/assets/js/components or app/assets/js/features. Covers pure TurboUI components, component reuse, the app bridge pattern, and legacy migration scenarios.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

operately/operately5922026년 10월 22일 업데이트

ui-copy

무료

Use when writing, editing, reviewing, or replacing UI copy, UX writing, microcopy, button labels, link text, form labels, helper text, empty states, error messages, confirmation dialogs, onboarding text, notifications, or user-facing product wording.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

operately/operately5922026년 10월 22일 업데이트

prototype

무료

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

stevesolun/ctx5892026년 10월 15일 업데이트

A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

stevesolun/ctx5892026년 10월 15일 업데이트

grill-me

무료

A relentless interview to sharpen a plan or design.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

stevesolun/ctx5892026년 10월 15일 업데이트

Design or revise concise skills with clear triggers, proportional constraints, progressive disclosure, and realistic validation.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

stevesolun/ctx5892026년 10월 15일 업데이트

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

stevesolun/ctx5892026년 10월 15일 업데이트

Design or improve module interfaces using deep-module heuristics. Use when deciding where a seam belongs, reducing caller-facing complexity, improving testability or navigability, or comparing module designs.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

stevesolun/ctx5892026년 10월 15일 업데이트