본문으로 건너뛰기
cccskills
무료GitHub에 공개

suggest-lucide-icons

Finds Lucide icons that fit a concept or a specific UI placement. It checks candidate names against the icon files, explains why confirmed icons fit, and recommends the strongest option for each design context.

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

원문원문 설명 보기

Suggest relevant Lucide icons for concepts or UI placements. Searches lucide.dev to find actual icons that symbolize ideas or fit design contexts. Use when needing icons for UI work, documentation, or symbolic representation.

graphif/project-graph스타 4,510(GitHub 4,510 + cccskills 0)

실행 점수 미검증

설치 방법 보기

이럴 때 유용합니다

  • Choose an icon to represent a concept
  • Find icons for a particular UI placement from a screenshot
  • Compare verified Lucide icon candidates for documentation

포함된 파일(2)

  • SKILL.md2.8 KB
  • changelog.md954 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Suggest Lucide Icons

Suggest the most relevant icons from the Lucide open source icon pack to symbolize a concept or fit specific UI placements. I am skilled in symbolic interpretation and mental associations across culture, symbology, science, and design.

Input

Provide one or both:

  • Concept: The idea, action, or meaning to represent
  • Screenshot: UI context showing where icons are needed

Naming conventions

Icon names follow strict rules — apply these when generating candidates:

  • kebab-case: arrow-up not Arrow Up
  • International English: color not colour
  • Group variants: <group>-<variant> — e.g. badge-plus is based on badge
  • Multiple elements, different sizes: list largest first — circle-person if circle is bigger
  • Element with modifier: [element]-[modifier] — circle-dashed not dashed-circle; combined: circle-dashed-heart-broken

Process

  1. Brainstorm associations

    • Key ideas and visual metaphors related to the concept
    • Context clues from screenshot if provided
    • Generate 4–6 candidate icon names in kebab-case (e.g. arrow-right, circle-check)

  2. Verify candidates

    • For each candidate, fetch: https://unpkg.com/lucide-static@latest/icons/[icon-name].svg
    • Use WebFetch or follow redirects (curl -L) — unpkg issues a 302 before the final response
    • SVG content in the response means the icon exists; a 404 means it doesn't
    • Discard any that don't exist; try alternate names if needed to reach 3 confirmed icons

  3. Present 3 confirmed candidates

    • Icon name
    • Why it fits (symbolic meaning, visual clarity, context appropriateness)

  4. Recommend best choice

    • Single strongest option
    • Rationale for recommendation

Guidelines

  • Never suggest an icon without confirming it via the unpkg URL
  • Never suggest made-up icon names
  • If fewer than 3 candidates survive verification, brainstorm more before giving up
  • If no good matches exist after thorough searching, say so
  • For screenshots, tailor to specific design context
  • Provide a distinct recommendation for each icon needed
  • Ready for multiple feedback rounds to refine suggestions

Output Format

Brainstorm: [Key associations and metaphors]

Candidate Icons:

  1. icon-name — Explanation of fit
  2. icon-name — Explanation of fit
  3. icon-name — Explanation of fit

Recommendation: icon-name — Why this is the strongest choice for [context]

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

create-keybind

무료

Use this skill to add or change keyboard shortcuts in Project Graph. It explains how to register a binding, place it in a settings group, add translations, and distinguish project-level, UI-level, and global shortcuts that can work without app focus.

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

  • Add a new keyboard shortcut
  • Change a shortcut's default key binding
  • Show a shortcut in the correct settings group
graphif/project-graph4.5천2026년 10월 26일 업데이트

create-setting-item

무료

Use this skill to add settings to Project Graph, from defining typed values and defaults to adding icons, translations, and settings groups. It explains how fields are rendered from their schema and how code can read, update, or watch setting values.

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

  • Add a new setting or configuration option
  • Choose a field type and default value
  • Organize a setting in the settings screen
graphif/project-graph4.5천2026년 10월 26일 업데이트

manage-translations

무료

Find the locale files and review which languages a Project Graph project supports. Use this guidance when adding translations, updating existing language files, or orienting yourself to the project's translation structure.

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

  • Finding translation files
  • Checking the project's supported languages
  • Adding a new translation
graphif/project-graph4.5천2026년 10월 26일 업데이트

ponytail

무료

Use this skill to keep coding work focused on the smallest complete solution. It guides implementation, fixes, refactoring, reviews, and dependency choices, while prompting concise replies that state what was skipped and any remaining risks.

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

  • Implement a feature with minimal code
  • Fix a bug without unnecessary changes
  • Review a change for scope and risks
graphif/project-graph4.5천2026년 10월 26일 업데이트

shadcn

무료

Use shadcn/ui to find, add, update, style, and compose interface components. The skill checks project configuration and component documentation so changes follow the project's aliases, framework, styling setup, and installed components.

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

  • Finding a component in a registry
  • Adding or updating shadcn/ui components
  • Debugging an existing interface component
graphif/project-graph4.5천2026년 10월 26일 업데이트

type-check

무료

Run the project's TypeScript type check with its configured package command to identify type errors and verify that the code matches its declared types.

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

  • Checking TypeScript types in the project
  • Finding type errors after code changes
  • Running the project's standard type-check command
graphif/project-graph4.5천2026년 10월 26일 업데이트

graphif의 스킬 모두 보기

이 스킬의 문제 신고