본문으로 건너뛰기
cccskills

'visual-design' 검색 결과

17건 · 관련도순

Create, implement, or review Paperclip capsule visuals that represent agents and their status. Apply the rules for each visual type, document settings for reproducible assets, and provide static alternatives for animated effects.

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

  • Create capsule avatars for agents
  • Implement heartbeat status indicators
  • Prepare hero capsule graphics for marketing
paperclipai/paperclip10.4만2026년 10월 18일 업데이트

Build polished web pages with explicit guidance for typography, spacing, colors, layered cards, and restrained animation. The skill provides layout options and mobile adaptation rules, producing React, Tailwind, or HTML code for a consistent visual direction.

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

  • Creating a calm landing page with refined typography
  • Designing an asymmetrical SaaS feature layout
  • Building a portfolio with soft shadows and generous spacing
nexu-io/open-design10.2만2026년 10월 19일 업데이트

Create website interfaces with defined typography, spacing, layered cards, and animation rules. The skill guides React, Tailwind, and HTML output, combining asymmetric layouts with mobile adaptations and performance constraints for a consistent visual direction.

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

  • Designing an asymmetric website layout
  • Refining cards, buttons, and navigation
  • Adding motion with mobile performance in mind
Leonxlnx/taste-skill9.9만2026년 10월 18일 업데이트

Establish consistent typography, colors, spacing, and icons for interface design. Define design tokens, reusable values for visual styles, and apply guidance on contrast, responsive text, and dark mode to improve readability and visual consistency.

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

  • Define design tokens for a new project
  • Create typography and spacing guidelines
  • Review color contrast and visual consistency
wshobson/agents4.1만2026년 10월 19일 업데이트

The craft of designing icons that communicate instantly across cultures, contexts, and scales. Icon design bridges semiotics, cognitive psychology, and visual craft to create symbols that users understand without thinking. Great icons are invisible in the best way - they convey meaning so naturally that users never pause to decode them. This skill covers icon grid systems, optical alignment, stroke consistency, metaphor selection, scalability across sizes, SVG optimization, and icon set coherence. The best icon designers understand that icons are a visual language - each icon must speak the same dialect while carrying its own distinct meaning. Use when "icon, iconography, symbol, glyph, icon set, icon library, pictogram, svg icon, icon grid, icon pack, feather icons, lucide, phosphor, heroicons, icon system, icon style, icons, iconography, svg, symbols, glyphs, pictograms, ui-icons, icon-set, visual-design, design-system" mentioned.

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

omer-metin/skills-for-antigravity1682026년 1월 22일 업데이트

Expert knowledge for environment art in games - modular design, visual hierarchy, color scripting, environmental storytelling, optimization, and world-building. From blockout to final art pass, creating immersive, performant, and readable spaces. Use when "environment art, level art, world art, modular kit, kit-bashing, set dressing, prop placement, biome design, visual hierarchy, color script, hero prop, trim sheet, environment composition, skybox, atmosphere, environment, level-art, world-building, modular, kit-bashing, set-dressing, visual-design, game-art, composition, optimization" mentioned.

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

omer-metin/skills-for-antigravity1682026년 1월 22일 업데이트

branding

무료

The craft of creating and maintaining cohesive brand identity systems. Branding translates brand strategy into tangible visual and verbal identity—logos, color systems, typography, imagery, and voice guidelines that work together to make a brand recognizable and memorable. This skill covers logo design, visual identity systems, brand guidelines, naming, verbal identity, and brand application across touchpoints. Great branding is invisible when done right—it feels inevitable, as if the brand couldn't have looked any other way. Use when "logo, branding, brand identity, brand guidelines, visual identity, color palette, typography, brand book, naming, rebrand, brand refresh, brand system, branding, identity, logo, visual-design, guidelines, naming, typography, color" mentioned.

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

omer-metin/skills-for-antigravity1682026년 1월 22일 업데이트

Creating memorable, readable, and emotionally resonant game characters that work at every scale and in every contextUse when "character design, design a character, character art, character concept, character sheet, turnaround, expression sheet, character silhouette, shape language, character proportions, iconic character, memorable character, character lineup, character family, hero design, villain design, npc design, protagonist design, character, art-direction, visual-design, game-art, concept-art, silhouette, shape-language, color-theory, costume, expression, turnaround, iconic, readable" mentioned.

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

omer-metin/skills-for-antigravity1682026년 1월 22일 업데이트

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

tensology/decisionsai172026년 10월 15일 업데이트

Validate frontend design in a real browser using the anoa CLI — screenshots, interactive snapshots, responsive, dark-mode and contrast checks.

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

porcupine-md/jonggrang162026년 9월 15일 업데이트

Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing or full design system creation.

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

curiositech/windags-skills162026년 10월 14일 업데이트

Reviews page hierarchy, grouping, density, actions and state design using consumer-owned product and design-system guidance. Use when asked for a visual design review, page critique or whether a new page communicates its task clearly.

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

github/replica142026년 10월 17일 업데이트

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

waynesutton/agent-ready-component92026년 8월 28일 업데이트

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

heyAyushh/stacc32026년 9월 21일 업데이트

Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing or full design system creation.

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

curiositech/port-daddy32026년 10월 18일 업데이트

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

waynesutton/waynesutton-ai22026년 9월 8일 업데이트

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

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

sathishssj3/Stereix-Engine22026년 10월 4일 업데이트