跳到正文
cccskills

设计技能

UI/UX、标志、幻灯片、图像生成(7337 个)

按价格或排序方式筛选

typeui

免费

Use TypeUI project design skills, brand kits, UI prompt libraries, and layout guidance while creating or refining interfaces with OpenClaw. It helps apply project context to visual decisions and explore layout options before implementation through the TypeUI MCP server.

中文简介正在准备中。当前显示英语简介。

  • Build a landing page using a TypeUI project
  • Compare pricing section layout variations
  • Redesign a dashboard using a project design skill
bergside/typeui21532026年10月23日 更新

Generate images from detailed prompts, then refine saved image artifacts or user-provided images with follow-up edits. Specify the subject, composition, style, lighting, colors, and required text to guide each result.

中文简介正在准备中。当前显示英语简介。

  • Creating an image from a written scene description
  • Editing a user-provided image
  • Changing the background of a generated image
MemTensor/memmy-agent21372026年10月23日 更新

Choose and adapt reusable motion-graphics cards and style templates for HyperFrames videos. Review a style's design and limits, integrate its assets and timing into a project, or build a new style pack for reuse.

中文简介正在准备中。当前显示英语简介。

  • Choosing a card style for a video
  • Adapting a reusable card to a project
  • Creating a new motion-graphics style pack
nateherkai/herk-edit-kit21072026年10月14日 更新

oil-ui

免费

Explore, refine, or review interfaces for websites, apps, admin tools, and components. Compare distinct visual directions, improve hierarchy using real screenshots, and deliver a comparison page, design notes, mockup, or runnable interface according to the request.

中文简介正在准备中。当前显示英语简介。

  • Exploring visual directions for a new website or app
  • Comparing several first-screen design concepts
  • Refining an existing interface using screenshots
oil-oil/oil-ui20852026年10月23日 更新

Create and maintain a product design system: shared values for color, type, spacing, and other visual choices, plus component rules and states. Bring inconsistent screens together and add or change reusable parts while accounting for their existing use across the product.

中文简介正在准备中。当前显示英语简介。

  • Set up a design system for a new interface
  • Unify screens that have drifted visually
  • Consolidate repeated components into shared rules
cbrock84/headcount20852026年10月19日 更新

Define a visual brand system covering logo use, colors, typography, and imagery. Use it to establish a brand, create practical guidelines, review real product and marketing materials for inconsistencies, or decide how the identity should appear in a new format.

中文简介正在准备中。当前显示英语简介。

  • Establish a visual identity for a new brand
  • Create practical brand guidelines
  • Audit product and marketing materials for consistency
cbrock84/headcount20852026年10月19日 更新

Choose a visual direction for an interface—minimalist editorial, industrial utilitarian, or polished commercial—and apply it consistently through typography, color, spacing, surfaces, and motion while keeping the existing layout structure.

中文简介正在准备中。当前显示英语简介。

  • Restyling an interface without changing its layout
  • Choosing a visual direction for a product
  • Making a generic interface feel more intentional
cbrock84/headcount20852026年10月19日 更新

Audit an existing product interface and prioritize improvements to its structure, visual system, hierarchy, and screen states. The result is a sequenced plan that helps decide what to restyle and whether a rebuild is warranted.

中文简介正在准备中。当前显示英语简介。

  • Improving an interface that feels dated
  • Prioritizing a product redesign
  • Choosing between restyling and rebuilding
cbrock84/headcount20852026年10月19日 更新

Audit a website, app, or onboarding flow by walking through real user tasks. Connect each usability issue to its business impact and severity, then suggest concrete fixes and prioritize what to address first when conversion or activation is low.

中文简介正在准备中。当前显示英语简介。

  • Review a website or app through real user tasks
  • Find where users abandon an onboarding flow
  • Connect usability problems to conversion impact
cbrock84/headcount20852026年10月19日 更新

Create or revise pitch decks, board decks, conference talks, and one-pagers with a clear argument. Shape the structure, takeaway headlines, and focused charts around whether the material will be presented aloud or read on its own.

中文简介正在准备中。当前显示英语简介。

  • Building a pitch deck with a clear argument
  • Preparing a board deck for advance reading
  • Structuring a conference talk with visual support
cbrock84/headcount20852026年10月19日 更新

Turn a web or mobile brief into visual screen concepts, layout directions, and flows before implementation. Compare distinct options, make stakeholder assumptions concrete, and give developers a reference while identifying which details are direction and which are placeholders.

中文简介正在准备中。当前显示英语简介。

  • Visualizing a brief before development
  • Comparing distinct layout options
  • Aligning stakeholders on a screen concept
cbrock84/headcount20852026年10月19日 更新

Improve an interface’s layout, hierarchy, typography, spacing, and interaction states so people can understand and use it more easily. Refine dense or unfinished screens, account for loading and error states, and apply accessibility basics such as keyboard access and readable contrast.

中文简介正在准备中。当前显示英语简介。

  • Refining a screen that looks unfinished
  • Clarifying a crowded layout and focal point
  • Designing loading, empty, and error states
cbrock84/headcount20852026年10月19日 更新

Turn written content into suitable visual assets such as carousels, diagrams, quote graphics, and charts. The skill helps shape each format for quick reading in a phone feed and write prompts for generated images, including composition, palette, and mood.

中文简介正在准备中。当前显示英语简介。

  • Turn an article into a carousel
  • Choose a visual format for an idea
  • Create a diagram or infographic
cbrock84/headcount20852026年10月19日 更新

Use this skill to describe a design system, analyze reference images or pages into a structured JSON profile, or apply that profile to new content. It covers measurable tokens, qualitative style, and visual effects such as 3D scenes and scroll animations.

中文简介正在准备中。当前显示英语简介。

  • Extracting design tokens and style from screenshots
  • Creating a structured design profile from a reference page
  • Applying a Design DNA JSON profile to content
zanwei/design-dna20362026年8月28日 更新

Wait for UI element or window to appear. When you need to wait for dialog to open, loading to complete, or synchronize with application state before next action. Default timeout is 10 seconds.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

Click page elements by CSS selector or text content. When you need to click buttons, links, or select options. PREREQUISITE - must use browser_navigate to open target page first.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

Find desktop UI elements using UIAutomation (fast, accurate) or vision recognition (fallback). When you need to locate buttons/menus/icons, get element positions before clicking, or verify UI state. For browser webpage elements, use browser_* tools instead.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

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.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

Inspect window UI element tree structure for debugging and understanding interface layout. When you need to debug UI automation issues, understand application structure, or find correct element identifiers.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

Suite of tools for creating elaborate, multi-component interactive 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.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

Click desktop elements or coordinates. When you need to click buttons/icons in applications, select menu items, or interact with desktop UI. Supports element description, name prefix, or coordinates. For browser webpage elements, use browser_click instead.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

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.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

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.

中文简介正在准备中。当前显示原文说明。

openakita/openakita20052026年9月24日 更新

iOS 26 液态玻璃设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的动态玻璃材质,具有模糊、反射和交互式变形效果。

中文简介正在准备中。当前显示原文说明。

xu-xiang/everything-claude-code-zh20012026年3月5日 更新