538 个 · 按相关度排序
Use when implementing or updating a component from a Figma link — how to turn the Figma design variables into code tokens, on both platforms: Tailwind classnames for libs/ui-react and themeJS (`t.*`) paths for libs/ui-rnative. For the full token catalogues and styling mechanics, see component-styling.
中文简介正在准备中。当前显示原文说明。
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
中文简介正在准备中。当前显示原文说明。
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
中文简介正在准备中。当前显示原文说明。
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
中文简介正在准备中。当前显示原文说明。
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
中文简介正在准备中。当前显示原文说明。
Use this skill when styling components, adding shadcn/ui components, or configuring Tailwind v4 design tokens. Trigger words: スタイリング, Tailwind, shadcn, コンポーネント追加, デザイントークン, テーマ, CSS, クラス, ボタン, カード, ダークモード.
中文简介正在准备中。当前显示原文说明。
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
中文简介正在准备中。当前显示原文说明。
Skill for styling-patterns tasks.
中文简介正在准备中。当前显示原文说明。
Skill for css-styling-approaches tasks.
中文简介正在准备中。当前显示原文说明。
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
中文简介正在准备中。当前显示原文说明。
为React Native和Expo应用设计页面导航、状态管理与数据获取，并提供长列表显示、表单验证、设备功能及认证令牌存储的实现方式。
协助创建Angular页面组件与服务，设计状态管理、表单和页面导航，并根据项目版本选择实现方式，编写测试、检查构建结果。
用Python实现文字生成图像、现有图像风格转换和指定区域补全，并指导如何控制构图与风格、调整生成参数及减少内存占用。
将科学原理、物体结构和工作流程整理为简洁的SVG图，统一配色与留白，自动适应明暗模式，并输出可在浏览器直接打开的单个HTML文件。
Build HTML/CSS pages using visual specifications from 54 established websites, including Stripe, Linear, and Vercel. Templates provide colors, typography, spacing, component styles, and layouts that adapt to different screen sizes.
中文简介正在准备中。当前显示英语简介。
为幻灯片、文档、报告和HTML落地页统一应用配色与字体。可从十种预设主题中选择，也可根据描述创建新主题，并在确认后应用。
将Anthropic的品牌配色和字体应用于制作内容，统一标题与正文的字体，根据背景调整文字颜色，并为图形设置一致的强调色。
将颜色、间距和字体整理为共用的设计变量，生成CSS变量，定义界面组件在不同状态下的规范，检查代码中直接写入的值，并制作遵循同一品牌规则的HTML演示文稿。
在真实浏览器中验证页面显示与操作，检查错误、网络通信和加载速度，并比较修复前后的截图、确认无障碍支持。
按照统一的颜色、文字、状态显示和交互规则创建或修改Paperclip界面，同时整理可复用组件、组件目录与示例页面。
用单个HTML文件制作面向创作者的社交媒体分析界面原型，以相互一致的示例数据展示多平台粉丝数、互动指标、增长趋势、热门帖子、话题和评论。
将WordPress官方设计系统应用于主题和网站，统一颜色等视觉设置，并采用官方字体排版与界面组件模式，整理页面外观。
将输入的文字或数据整理成带点赞、转发和浏览量的X风格帖子卡片，生成单个HTML文件，用于视频叠加或图片分享。
将歌曲、播客或个人介绍制作成Spotify风格卡片，配有封面、进度条和播放操作样式图标，输出适合视频叠加或个人网站的HTML。