带有该标签的 Skills：样式

• ecc-frontend-design - 创建具有高设计品质的独特生产级前端界面。

  前端UI设计样式布局

  ★ 0 · 更新于 2026-09-23

  为网页组件、页面、产物、海报或应用程序生成创意且精致的前端界面代码。

  ⚙ 构建 Web 组件⚙ 构建 Web 页面⚙ 构建 Web 应用程序
• rn-styling - 使用 NativeWind 与 BrandColors 的 React Native 样式指南

  react-nativeexponativewind样式

  ★ 422 · 更新于 2026-09-20

  提供使用 NativeWind 处理布局与 BrandColors 管理语义化主题颜色的 React Native 样式开发指南。

  ⚙ 应用混合样式开发模式⚙ 实现主题感知颜色切换⚙ 配置跨平台 UI 样式
• demo-ui-tokens - demo UI 单色设计系统 CSS Token 参考指南

  css设计系统ui-token样式

  ★ 37 · 更新于 2026-09-19

  提供 demo UI 中颜色、间距、字体排印及布局等 CSS 自定义属性 Token 的完整参考指南。

  ⚙ 查阅颜色 Token⚙ 查阅间距递增规范⚙ 查阅字体排印规范
• Maple CSS Engine - 变量优先且无技术栈限制的运行时 CSS 引擎

  css样式maple-css响应式设计

  ★ 34 · 更新于 2026-09-18

  指导 AI 助手根据 Maple CSS 引擎的语法与参考文档编写响应式界面样式。

  ⚙ 查阅 Maple 参考文档⚙ 编写 Maple 实用类名⚙ 定义作用域 CSS 变量
• bolder - 增强保守或平淡的设计以提升视觉冲击力

  设计UI前端排版

  ★ 0 · 更新于 2026-09-18

  在保持可用性与可访问性的前提下，重构保守或平淡的设计，打造具备高冲击力与辨识度的界面。

  ⚙ 收集品牌上下文与目标受众⚙ 评估界面视觉弱点来源⚙ 制定差异化视觉增强策略
• bolder - 放大平庸或保守的设计以提升视觉冲击力

  UI设计视觉设计前端样式处理

  ★ 0 · 更新于 2026-09-18

  增强过于保守或平庸的设计，在保持可用性的同时提升视觉冲击力与记忆点。

  ⚙ 收集目标上下文与受众指南⚙ 评估设计缺陷与当前状态⚙ 规划视觉放大与核心焦点
• bolder - 增强过于保守或平庸的设计，提升视觉冲击力与个性。

  UI设计视觉设计样式排版

  ★ 1 · 更新于 2026-09-17

  在保持可用性、性能与无障碍标准的前提下，增强过于保守或平庸的设计，提升视觉冲击力与独特性。

  ⚙ 评估当前设计的弱点⚙ 规划设计放大策略⚙ 增强字体字号与对比度
• colorize - 为单调或缺乏视觉趣味的界面策略性地增加色彩

  UI设计前端调色板样式调整

  ★ 0 · 更新于 2026-09-17

  为过于单调的界面元素策略性地添加色彩，以提升视觉层级、用户参与度及语义表达。

  ⚙ 评估当前界面的色彩改善机会⚙ 制定色彩搭配与应用策略⚙ 应用语义化状态颜色
• ui-styling-assistant - 基于通用设计系统 Token 的 UI 样式助手

  css样式设计 Tokentailwind

  ★ 3 · 更新于 2026-09-17

  使用通用设计系统 Token 提供包含暗色模式变体、响应式断点及框架输出支持的 CSS 代码片段。

  ⚙ 生成 CSS 代码片段⚙ 提供通用设计系统 Token⚙ 输出 Tailwind CSS 工具类
• typeset - 评估与改进文本排版、字体选择与层级结构

  排版字体选择文本层级可读性

  ★ 1 · 更新于 2026-09-16

  通过修复字体选择、层级、字号、字重与可读性来改进排版。

  ⚙ 评估现有排版缺陷⚙ 制定系统化排版改进计划⚙ 选择符合品牌调性的字体
• apply-shadcn - 将 shadcn/ui 组件应用于带有自定义主题的 React 页面

  reactshadcn-ui样式调整主题集成

  ★ 602 · 更新于 2026-09-14

  将 shadcn/ui 组件应用于 React 页面与组件，并结合项目中定义的自定义 CSS 变量。

  ⚙ 创建样式调整待办列表⚙ 安装所需的 shadcn 组件⚙ 获取组件使用示例
• tailwindcss-development - Tailwind CSS 开发

  tailwindcsscss样式开发响应式设计

  ★ 1 · 更新于 2026-09-13

  使用 Tailwind CSS v4 工具类为应用编写样式，指导响应式设计、暗色模式、布局与组件开发。

  ⚙ 添加组件或页面样式⚙ 实现响应式设计⚙ 实现暗色模式
• theme-factory - 为各类文档和幻灯片应用预设或自定义主题

  typescriptml主题样式

  ★ 0 · 更新于 2026-09-12

  提供10种预设主题或即时生成的新主题，为各类文档与幻灯片应用统一的色彩与字体样式。

  ⚙ 展示主题预览文件⚙ 将选中主题应用至文档⚙ 从 themes 目录读取配置
• scss-module - neter-template 的 React SCSS Module 样式规范

  reactscsscss-modulesclsx

  ★ 4 · 更新于 2026-09-12

  指导在 neter-template 中使用 CSS Modules、classes 导入及 clsx 组合创建或重构 React 组件样式。

  ⚙ 转换 .scss 为 .module.scss⚙ 添加 TSX 局部作用域样式⚙ 重构 JSX 类组合逻辑
• brand-guidelines-community - Anthropic 官方品牌样式指南

  品牌标识Anthropic字体排版样式设计

  ★ 0 · 更新于 2026-09-11

  提供 Anthropic 官方品牌标识、字体排版、调色板及视觉格式化规则。

  ⚙ 应用 Poppins 字体到标题⚙ 应用 Lora 字体到正文⚙ 应用官方品牌颜色
• brand-guidelines - Anthropic 品牌样式指南

  品牌规范字体排版样式处理视觉设计

  ★ 1 · 更新于 2026-09-11

  将 Anthropic 官方品牌颜色和字体排版应用到各类视觉产物中。

  ⚙ 将 Poppins 字体应用于标题⚙ 将 Lora 字体应用于正文文本⚙ 将 Anthropic 品牌颜色应用于形状
• tailwindcss-effects - Tailwind CSS v4.1 视觉效果工具

  Tailwind CSS视觉效果样式CSS工具

  ★ 27 · 更新于 2026-06-30

  为元素添加阴影、滤镜、蒙版等视觉效果

  ⚙ 应用阴影⚙ 设置阴影颜色⚙ 应用内阴影
• ckm:ui-styling - UI样式设计与shadcn/ui组件库

  UI样式组件Tailwind CSS

  ★ 7 · 更新于 2026-06-30

  使用shadcn/ui组件、Tailwind CSS实用样式和画布视觉设计创建可访问的用户界面

  ⚙ 创建UI组件⚙ 样式化界面⚙ 构建布局
• building-native-ui - Expo Router 原生 UI 开发指南

  exporeact native移动开发导航

  ★ 23 · 更新于 2026-06-30

  使用 Expo Router 构建应用的完整指南，涵盖基础、样式、组件、导航、动画和模式

  ⚙ 构建 Expo 应用⚙ 创建路由⚙ 设置组件样式
• sc-create-slide-template - 从截图创建 ScriptCast 幻灯片模板

  模板scriptcast幻灯片样式

  ★ 602 · 更新于 2026-06-15

  从截图提取视觉样式，创建可重用的 ScriptCast 幻灯片模板并进行验证

  ⚙ 从截图提取颜色⚙ 从截图提取字体⚙ 从截图提取间距

Scroll to load more