디자인 스킬

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

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

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign. Use when the user says "audit this design", "design review", "check this UI against Rams", "is this UI good", "critique this design", "design audit", or asks for a critique that should lead to a plan.

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

BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries every primary CTA; dark navy hero bands frame model photography. BMW Type Next Latin sets the entire hierarchy on two weights — heavy 700 display and Light 300 body. Configuration and reservation flows ride a card-based 4-up grid, where each card holds a model render, a name, and a "Learn More" link.

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

A terminal-native marketing system rendered entirely in Berkeley Mono — every word on the page, from the hero headline down to the footer fine print, is monospaced. The page itself reads like a manpage or a static-site README: warm cream canvas (`#fdfcfc`), nearly-black ink (`#201d1d`), 4px-radius rectangles for the few interactive elements, and bracketed `[+]`/`[-]` ASCII markers used as bullets. The brand's only "visual moment" is a single dark hero card that mocks up the OpenCode TUI itself — black background, monospaced terminal output, ASCII pipe characters, and a wordmark rendered as block-pixel ASCII. Every section sits as a hairline-bordered text block on the cream canvas with no shadows, no gradients, no decorative imagery, and no non-monospaced character anywhere in the system.

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

Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover, transcription, captions, and background removal through one shared audio engine; operate on media (cut / reframe / transform); and reuse assets across projects. Keeps search noise on disk, hands the agent one path or block. Use for any audio, image, icon, logo, voiceover, caption, color-grading, or media-asset need.

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

Generate a cohesive brand visual kit — logo concept, color palette moodboard, and typography pairing suggestions.

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

Kelvin Garr's personal AICA brand identity and implementation framework. Use ONLY when building Kelvin's personal sites, portfolio, or AICA-branded projects. Features fixed visual identity (black glass + gold circuits + Space Grotesk) and Next.js 14 implementation guide. For client work with AICA methodology but their branding, use design-guide-updated instead.

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

MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink, purple, blue) that turn each model release into a distinctive visual identity. The system uses DM Sans across all surfaces, employs an oversized 80px hero display, anchors major actions in deep near-black pills, and layers content density via a 3-column documentation grid with sidebar nav, prose body, and TOC. Coverage spans the marketing homepage, model showcase pages, developer documentation, and platform pricing surfaces.

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

Creative Designer skill. Takes a post concept, a client product photo, or a real lifestyle photo and produces on-brand social media visuals using the client's brand style guide. Four modes — Generate (AI image from concept), Composite (client product photo anchored in an AI-generated scene), Brand (apply text overlay treatment to a real client photo), Stop-Motion Reel (6-frame action sequence exported as MP4). Reads brand-style.md, builds prompts, generates/edits images via Nano Banana MCP, outputs images + prompt log + creative brief.

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

Brand onboarding setup skill. Captures a client's visual identity, content patterns, audience, and goals through evidence capture + pre-filled client doc + structured intake. Writes context/brand-style.md as the foundation for all social skills. Run once per client before using /social-creative-designer, /content-calendar, or /caption-writer.

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

Extract design primitives from a public website and generate starter token files for your project.

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

Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.

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

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

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

Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.

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

Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.

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

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

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

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished.

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

Normalize design to match your design system and ensure consistency

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

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.

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

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.

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

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

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

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. Generates creative, polished code that avoids generic AI aesthetics.

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

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.

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

Best practices for designing reproducible experiments

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