跳到正文
cccskills

“typography”的搜索结果

739 个 · 按相关度排序

motion-frames

免费有简介AI 评分 90分

将旋转文字、地球仪和以不同速度运动的多个图层组合成16:9动态首屏,用CSS实现动画,并整理为可供视频导出的HTML文件。

  • 制作营销页面的动态首屏
  • 制作文字动画标题卡
  • 制作圆环与地球仪循环海报
nexu-io/open-design10.3万2026年10月20日 更新

dating-web

免费有简介AI 评分 90分

为恋爱、交友匹配服务或社区制作桌面端仪表板,以主要指标和图表展示数据,采用克制的报刊式排版,并输出包含CSS的单一HTML文档。

  • 制作恋爱服务管理界面原型
  • 展示社区活动概况
  • 展示双向匹配数量及匹配率趋势
nexu-io/open-design10.3万2026年10月20日 更新

swiss-creative-mode-template

免费有简介AI 评分 100分

使用醒目的标题排版与几何卡片,制作瑞士风格的演示型网页。输出为单个HTML文件,并可加入幻灯片导航、明暗主题切换、强调色轮换和注释叠加显示。

  • 制作演示型介绍页面
  • 制作瑞士风格HTML幻灯片
  • 制作可交互的产品发布页面
nexu-io/open-design10.3万2026年10月20日 更新

design-taste-frontend-v1

免费有简介AI 评分 90分

依据具体的字体排版、配色、间距和动效规则实现React或Next.js界面,调整布局与信息密度,涵盖移动端及各类状态显示,并避免千篇一律的外观。

  • 制作字体排版鲜明的营销页面
  • 调整仪表盘显示与交互反馈
  • 调整信息密度和动效强度
nexu-io/open-design10.3万2026年10月20日 更新

high-end-visual-design

免费有简介AI 评分 90分

通过具体规则统一字体排版、留白、配色、卡片层叠和克制的动画,并将这些设计编写为网页代码,制作质感细腻、风格沉静的页面。

  • 制作注重字体排版的落地页
  • 制作非对称的SaaS功能介绍页
  • 用柔和阴影与留白展示作品
nexu-io/open-design10.3万2026年10月20日 更新

swiss-user-research-video-template

免费有简介AI 评分 90分

将用户研究的背景、参与者构成、行为模式与证据整理为三页HTML幻灯片,采用温暖纸色的瑞士风格,并通过图表、交互和克制的动效呈现。

  • 用三页幻灯片汇报用户研究
  • 用环形图展示参与者构成
  • 并列说明行为模式与相关证据
nexu-io/open-design10.3万2026年10月20日 更新

frontend-design

免费有简介AI 评分 100分

将网站和业务界面从设计制作成可运行的代码,围绕用途统一字体排版、配色与布局,并完善手机显示和交互过程中的各种状态。

  • 制作视觉方向明确的落地页
  • 设计日常业务仪表盘
  • 优化现有界面的外观与操作
nexu-io/open-design10.3万2026年10月20日 更新

doc-kami-parchment

免费有简介AI 评分 100分

将原稿整理为羊皮纸色背景、墨蓝点缀和统一衬线字体的HTML文档,通过字号层级与留白编排报告、信函、简历等内容。

  • 将要点整理为单页资料
  • 制作带封面和目录的长篇报告
  • 统一信函与简历的版式
nexu-io/open-design10.3万2026年10月20日 更新

antd-theme-customization

免费有简介AI 评分 100分

通过Ant Design主题设置统一调整颜色、间距、圆角和字体,支持单个组件的外观覆盖、深色模式、CSS变量模式及计算后主题值的提取。

  • 按设计要求调整配色和字体
  • 设置深色主题
  • 单独调整特定组件的外观
ant-design/ant-design10万2026年10月20日 更新

design-taste-frontend

免费有简介AI 评分 90分

从符合题材的构图和字体选择入手,规划、实现并检查公开网页,通过真实浏览器测量及三种屏幕宽度的截图评审,反复调整页面外观。

  • 重新设计模板感明显的落地页
  • 围绕独特构思制作作品集网站
  • 在三种屏幕宽度下检查文字和布局
Leonxlnx/taste-skill10万2026年10月20日 更新

Build web pages and interface components with a clear visual direction and working code. Shape typography, colors, layouts, and animation around the intended audience and purpose, with support for HTML/CSS/JS, React, and Vue implementations.

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

  • Build a landing page with a clear visual identity
  • Refine a dashboard’s layout and typography
  • Create React components with coordinated colors and motion
bytedance/deer-flow8.4万2026年10月20日 更新

Style documents and other artifacts with Anthropic's brand colors and fonts. The skill specifies heading and body typography, readable text colors for different backgrounds, and accent colors for shapes, with fallback fonts when needed.

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

  • Matching presentation colors to Anthropic's brand
  • Applying consistent heading and body fonts
  • Choosing text colors for light and dark backgrounds
ComposioHQ/awesome-claude-skills7.7万2026年9月18日 更新

css-print

免费

Review and create print styles for web pages so printed content stays readable. Adjust typography and page breaks, hide navigation and ads, and display external link URLs in the printed output.

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

  • Make web pages easier to read on paper
  • Hide navigation and ads when printing
  • Adjust print typography, page breaks, and link URLs
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Build and revise a design system from brand materials or code. Organize colors, typography, spacing, components, and assets into structured files, with usage guidelines and previews, using the supported Design System artifact format.

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

  • Organizing design rules from existing code and brand materials
  • Documenting colors, typography, and spacing
  • Collecting logos, icons, and component previews
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

taste

免费

Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.

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

  • Review design choices before creating a web page
  • Check repetitive card layouts in a dashboard
  • Review typography and color choices in components
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Design distinctive web interfaces when no existing brand guidelines apply. The skill helps define a visual direction and carry it through typography, color, layout, backgrounds, and animation in HTML, with implementation detail matched to the chosen style.

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

  • Designing a web page without existing brand guidelines
  • Coordinating typography, color, and spacing
  • Creating distinctive layouts and page animations
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Plan and build interfaces with visual choices grounded in the product and its audience. Guides color, typography, layout, motion, and interface wording, with review steps to keep the result specific to the brief.

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

  • Establish a visual direction for a new website
  • Redesign an interface that feels generic
  • Plan colors, typefaces, and layout before coding
anthropics/claude-plugins-official4.3万2026年10月20日 更新

Build consistent interface foundations with design tokens, named values for colors, spacing, and typography. Covers light and dark themes, multiple brands, reusable components, and workflows that keep design definitions aligned with application code.

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

  • Organizing shared colors, typography, and spacing
  • Implementing light and dark theme switching
  • Sharing interface components across multiple brands
wshobson/agents4.1万2026年10月20日 更新

Analyze a reference PowerPoint deck without changing it. Extract its structure, colors, typography, and layout patterns to inform a new presentation, and inspect the underlying package for broken links or malformed document data.

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

  • Analyze colors, fonts, and layout patterns in a reference deck
  • Build a catalog of reference slide layouts
  • Run diagnostics across a folder of PowerPoint decks
wshobson/agents4.1万2026年10月20日 更新

Create a landing page from an interview about the product, audience, and brand preferences. Use Stitch to generate and refine designs, then package approved HTML with design documentation and a deployment checklist.

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

  • Create a product landing page without a visual direction
  • Turn brand preferences into colors and typography
  • Compare page designs and refine them through feedback
wshobson/agents4.1万2026年10月20日 更新

Compare a UI screenshot with reference images and receive a structured JSON assessment. Get a score, pass or revision status, concrete visual differences, and suggested edits for layout, spacing, typography, colors, and visual hierarchy.

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

  • Checking whether an implemented screen matches its reference
  • Finding differences in spacing, typography, and colors
  • Prioritizing edits from structured visual feedback
Yeachan-Heo/oh-my-claudecode4万2026年10月20日 更新

Plan and build interfaces with visual choices grounded in the product and its audience. Guides color, typography, layout, motion, and interface wording, with review steps to keep the result specific to the brief.

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

  • Establish a visual direction for a new website
  • Redesign an interface that feels generic
  • Plan colors, typefaces, and layout before coding
davila7/claude-code-templates3.3万2026年10月20日 更新

Create a consistent UI design system from brand colors. Generate design tokens, reusable values for colors, typography, and spacing, and support component documentation, responsive layout calculations, accessibility considerations, and clear handoff materials for developers.

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

  • Generate shared design values from brand colors
  • Standardize typography and spacing across screens
  • Plan layouts for different screen widths
davila7/claude-code-templates3.3万2026年10月20日 更新

Style materials with Anthropic's brand colors and typography. Apply distinct heading and body fonts, choose text colors for the background, and use coordinated accent colors for shapes, with fallback fonts when Poppins or Lora are unavailable.

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

  • Styling slides with Anthropic's brand colors
  • Applying consistent heading and body fonts
  • Coordinating shape and accent colors
davila7/claude-code-templates3.3万2026年10月20日 更新