跳到正文
cccskills

设计技能

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

按价格或排序方式筛选

Design reusable Figma components, flexible layouts, and shared design systems. Get guidance on managing colors and spacing, supporting themes and screen sizes, and preparing clear specifications and assets for developers.

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

  • Organizing reusable components and their variants
  • Building layouts that adapt to different screen widths
  • Managing shared colors, spacing, and light or dark themes
RightNow-AI/openfang1.8万2026年7月2日 更新

Plan presentations around the audience’s questions and a clear recommendation. Get guidance on slide structure, readable visuals, charts, speaker notes, and timed rehearsal for executive presentations, technical talks, and investor pitches.

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

  • Structuring presentations for executives or investors
  • Simplifying slides with too much information
  • Preparing speaker notes and slide transitions
RightNow-AI/openfang1.8万2026年7月2日 更新

Turn requirements into Mermaid diagrams, including process flows, system structures, and timelines. Save editable diagram code, a Markdown version, and a PNG preview, then check syntax, arrow directions, labels, and readability.

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

  • Mapping a business process
  • Illustrating API message sequences
  • Diagramming database relationships
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Create model architecture diagrams and method illustrations for academic papers using Gemini. Codex plans the figure and reviews generated images for correct connections, content, layout, and readability, guiding repeated revisions toward a clearer final figure.

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

  • Illustrate a model architecture for a paper
  • Show a method's processing steps and data flow
  • Create a conceptual comparison diagram
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Polish existing academic PPTX or Beamer slides through page-by-page Codex review against a reference PDF. Adjust typography, spacing, colors, and text overflow while preserving content, keeping the original deck, and recording each change.

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

  • Improve slide readability before an academic presentation
  • Match PPTX visual balance to a Beamer reference
  • Fix text overflow and layout drift across slides
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Turn a research paper into a conference poster using its figures and findings. Produce one HTML/CSS file and a print-ready PDF, with measured layout checks and Gemini reviews of content accuracy and final appearance.

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

  • Create a conference poster from a research paper
  • Redesign an existing research poster
  • Check poster claims against the source paper
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

pixel-art

免费

Create pixel art illustrations as SVG files, a scalable image format, for READMEs, documentation, and slides. Build character portraits, conversations, or group scenes, then refine colors, speech bubbles, arrows, and spacing to fit the requested layout.

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

  • Create a pixel art hero image for a README
  • Illustrate a conversation with characters and speech bubbles
  • Make a character illustration in project colors
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Create academic architecture diagrams and method illustrations with Gemini image generation. The workflow refines layout and visual style, then uses Claude to inspect arrows, labels, and readability and guide further revisions.

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

  • Illustrating a model architecture for a paper
  • Turning a method description into a workflow diagram
  • Reviewing diagram arrows and labels
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Redirects the retired poster command to `/paper-poster-html`, preserving all supplied arguments. It helps users accustomed to the old command reach the replacement workflow; it no longer runs the former LaTeX poster process.

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

  • Using the familiar poster command
  • Passing a paper folder or PDF to the replacement workflow
  • Checking whether the old poster workflow is retired
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Turn structured JSON into editable SVG diagrams for system architectures, workflows, and pipelines. Specify positions, connections, and groups precisely, reproduce the same output under fixed rendering conditions, and convert figures to PDF for papers.

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

  • Creating architecture diagrams for technical papers
  • Illustrating workflows and processing pipelines
  • Adjusting diagram layouts through JSON specifications
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Turn a research paper into a conference poster using HTML/CSS and figures from the paper. Check claims against evidence, measure the print layout, and produce a PDF matched to the venue’s required dimensions.

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

  • Creating a conference poster from a paper
  • Redesigning an existing research poster
  • Checking poster claims against the original paper
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

Turn descriptions of processes, systems, or schedules into Mermaid diagrams, which use text to define visuals. Save editable source, a Markdown preview, and a rendered PNG, then check syntax, arrow directions, labels, and readability.

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

  • Visualize a business process as a flowchart
  • Document API interactions with a sequence diagram
  • Show database tables and their relationships
wanshuiyin/Auto-claude-code-research-in-sleep1.8万2026年10月19日 更新

View and edit whiteboards embedded in 飞书 cloud documents. Export previews, SVG vector images, diagram source code, or structural data, and update boards using Mermaid, PlantUML, SVG, or the native OpenAPI format.

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

  • Exporting whiteboards as images
  • Retrieving diagram source code
  • Updating boards from Mermaid or PlantUML code
larksuite/cli1.8万2026年10月19日 更新

anatomy

免费

Turn technical ideas into detailed, interactive SVG illustrations that resemble real machines or instruments. Moving parts and live readings share the same model, creating diagrams for articles, documentation, or landing pages that readers can explore.

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

  • Illustrate a technical concept in an article
  • Explain an algorithm through a moving machine
  • Create an interactive landing page figure
wheresryan22/anatomy1.7万2026年10月19日 更新

Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

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

  • Create an original poster
  • Express a theme through abstract artwork
  • Develop a visual direction and finished artwork
composio-community/awesome-codex-skills1.7万2026年7月26日 更新

Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.

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

  • Making colors and fonts consistent across slides
  • Choosing a theme for documents or reports
  • Styling an HTML landing page
composio-community/awesome-codex-skills1.7万2026年7月26日 更新

Style materials to match the OpenAI and Codex look using specified colors and fonts. Apply distinct formatting to headings, body text, code, and shapes, with fallback fonts when the preferred ones are unavailable.

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

  • Match material colors to the OpenAI and Codex look
  • Apply consistent fonts to headings and body text
  • Style code snippets with a monospace font
composio-community/awesome-codex-skills1.7万2026年7月26日 更新

Design new interfaces or reshape existing screens with colors, typography, layouts, and motion grounded in the subject. The skill guides planning, critique, and implementation to create a distinctive visual identity with clear interface text.

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

  • Designing a new website with a distinctive visual identity
  • Reshaping an existing interface around its subject
  • Planning colors, typography, and layout before coding
HKUDS/DeepCode1.7万2026年10月14日 更新

Write prompts for wide-angle background reference images without people. Define foreground, middle ground, background, entrances, surfaces, furnishings, and lighting so the space has a clear, consistent layout that can serve as a reference across multiple shots.

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

  • Preparing a background reference image without people
  • Keeping room layouts consistent across shots
  • Specifying lighting and surface materials for a setting
chatfire-AI/huobao-drama1.6万2026年10月6日 更新

Create image prompts that show a single prop against a plain white background. Translates physical details into product photography instructions covering accurate proportions, complete framing, suitable viewing angles, and soft studio lighting.

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

  • Turn a prop description into a white-background image prompt
  • Specify materials, colors, and wear marks
  • Choose overhead views for paper props
chatfire-AI/huobao-drama1.6万2026年10月6日 更新

Create prompts for a character reference sheet combining a facial close-up with front, side, and back full-body views. Specify consistent facial features, hair, and clothing to provide a reusable visual reference for later images and videos.

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

  • Preparing a character reference sheet
  • Keeping appearance consistent across images and videos
  • Turning personality traits into visible expressions
chatfire-AI/huobao-drama1.6万2026年10月6日 更新

Turn a plain description of a web animation into the matching term from a curated glossary. Get a short definition and distinctions between similar effects so you can describe the motion to an AI or designer.

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

  • Find the name of an animation you have seen
  • Describe a desired motion effect in an AI prompt
  • Distinguish between similar animation terms
spree/spree1.6万2026年10月20日 更新

prototype

免费

Build distinct, working versions of one interface component and compare them at full size using a visual picker. Explore differences in layout, interaction, or motion, then integrate the version you choose into the project.

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

  • Compare different layouts for a pricing card
  • Try several notification interaction designs
  • Explore motion choices for a hold-to-delete button
spree/spree1.6万2026年10月20日 更新

Find places in an interface where animation would help, then filter suggestions by frequency, purpose, speed, and function. Get precise motion settings and reasons for rejected candidates, without changing source code.

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

  • Find useful places to add motion to an existing interface
  • Specify timing and movement for dialogs and notifications
  • Decide which interactions should stay free of animation
spree/spree1.6万2026年10月20日 更新