본문으로 건너뛰기
cccskills

디자인 스킬

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

가격이나 정렬 순서로 필터

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

Translate Figma designs into production-ready application code with 1:1 visual fidelity. Use for Figma URLs, node IDs, implementation requests, or components that must match Figma specs; use the local `figma` skill for general Figma MCP context and setup.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_context` returns motion data or instructs you to call `get_motion_context`.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

figma

무료

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

Design and implement context-fit frontend interfaces with deliberate art direction, accessible interaction, responsive behavior, complete states, and rendered verification. Use when creating or substantially reworking pages, components, product workspaces, dashboards, marketing sites, editorial surfaces, commerce flows, or justified immersive experiences.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

Interactive idea refinement using Socratic method to develop fully-formed designs

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

Design philosophy docs and canvas-based visual creation. Use when articulating design principles, crafting multi-page design documents, or exploring aesthetic philosophy with intentional design thinking.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

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.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

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

bg-szy/TOP-SKILLS62026년 9월 8일 업데이트

DDD v3 — bounded contexts, aggregates, value objects, domain events, Ubiquitous Language, strategic design

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

ziri22/agency-roster62026년 7월 1일 업데이트

Expert en Domain Driven Design (bounded contexts, aggregates, value objects, repositories, ubiquitous language)

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

ziri22/agency-roster62026년 7월 1일 업데이트

Design patterns v3 — GoF, SOLID, enterprise patterns, anti-patterns, refactoring, language-specific

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

ziri22/agency-roster62026년 7월 1일 업데이트

Expert en design patterns (GoF, SOLID, enterprise patterns, refactoring, anti-patterns)

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

ziri22/agency-roster62026년 7월 1일 업데이트

Expert en design system markdown specs (73+ design systems as markdown, tokens, components)

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

ziri22/agency-roster62026년 7월 1일 업데이트

Design System Builder IA — Expert en construction de design systems (Storybook, tokens, component API, theming, Figma sync)

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

ziri22/agency-roster62026년 7월 1일 업데이트

Expert en construction de design systems avancés (tokens, composants, Storybook, Figma sync, versioning, theming)

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

ziri22/agency-roster62026년 7월 1일 업데이트

Expert en conception de compilateurs (lexing, parsing, AST, code generation, LLVM, interpreters)

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

ziri22/agency-roster62026년 7월 1일 업데이트

Compiler designer v2 — lexing, parsing, AST, code generation, optimization, LLVM, DSLs

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

ziri22/agency-roster62026년 7월 1일 업데이트

Chatbot Designer IA — Expert en conception de chatbots (Rasa, Botpress, Dialogflow, conversation design, NLU).

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

ziri22/agency-roster62026년 7월 1일 업데이트

API Designer IA — Expert en conception d'APIs (REST, GraphQL, gRPC, OpenAPI, versioning, rate limiting). Crée des APIs intuitives, évolutives et sécurisées.

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

ziri22/agency-roster62026년 7월 1일 업데이트

Use when writing or auditing the conversational copy layer of a Salesforce bot or Agentforce agent: utterance authoring strategy, fallback message copy, escalation-criteria phrasing, and persona-consistent dialog scripting across channels. NOT for platform configuration (bot builder setup, topic metadata wiring, action mapping, or Agentforce deployment) — see architect/einstein-bot-architecture and agentforce/agentforce-persona-design for those concerns.

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

aibot88/sec_skill_store62026년 5월 27일 업데이트

Design author-friendly content structures that work for non-technical content creators. Use when designing content structures for blocks in AEM Edge Delivery Services.

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

aibot88/sec_skill_store62026년 5월 27일 업데이트

Expert accessibility tester specializing in WCAG compliance, inclusive design, and universal access. Masters screen reader compatibility, keyboard navigation, and assistive technology integration with focus on creating barrier-free digital experiences.

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

aibot88/sec_skill_store62026년 5월 27일 업데이트

Enhanced architecture guidance for voice-first Brazilian fintech applications. Use when designing voice interfaces, implementing PIX/Boletos, optimizing financial systems, or making technology stack decisions for Brazilian market applications. Integrates with docs/ content, MCP tools for Brazilian market research, enhanced validation scripts, and comprehensive Brazilian compliance patterns.

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

aibot88/sec_skill_store62026년 5월 27일 업데이트