“styling”的搜索结果

Read frontend source code to document colors, typography, spacing, components, and layout rules in DESIGN.md. Use it to understand an existing interface or prepare design guidance for Stitch without building or running the app.

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

• Document an existing app's design system
• Review styling when the app cannot run
• Prepare an existing visual identity for Stitch

Analyze webpage screenshots to extract colors, typography, and component styles. Generate structured JSON describing reusable design rules and an AI coding prompt, or convert the results into brand styling for a presentation video.

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

• Extract design rules from a webpage screenshot
• Prepare a coding prompt for a similar landing page
• Export webpage styling for a presentation video

Build a new dashboard or admin panel by following existing project patterns. This skill coordinates server endpoints, service logic, interface components, registration, and styling, then checks that the pieces connect consistently.

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

• Adding a new dashboard panel
• Implementing a feature across server and interface layers
• Matching existing panel conventions

Add thumbnails, colored badges, and data-driven styling to TypeScript lists, cards, and panels. Coordinate component logic with CSS, include fallbacks for missing data, and check how the updated display handles empty lists and long text.

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

• Adding category or source badges to lists
• Displaying thumbnails with placeholders for missing images
• Changing colors and styles based on item data

Set up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5. Configure styling across iOS, Android, and Web, create components that accept CSS class names, and define shared themes with platform-specific fonts and colors.

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

• Add Tailwind CSS v4 to an Expo project
• Create components that accept CSS class names
• Define shared themes with platform-specific fonts and colors

Build app screens with Expo Router using guidance on layouts, navigation, native tabs, and animations. Includes implementation patterns for styling, adapting to screen sizes, and checking features in Expo Go.

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

• Build app screens with Expo Router
• Organize navigation with native tabs and stacks
• Add search, menus, and screen transitions

Build and maintain interfaces with shadcn/ui components, reusable pieces such as forms, cards, and dialogs. Find suitable components, follow project settings, fix composition and styling issues, and review updates while preserving local changes.

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

• Build settings pages and dashboards
• Fix form and dialog composition
• Update components while preserving local changes

Build and maintain interfaces with shadcn/ui by finding, adding, and combining components. The skill uses project settings, component documentation, and change previews to guide styling, debugging, preset changes, and updates that preserve local edits.

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

• Building settings pages and dashboards from existing components
• Fixing form and dialog composition issues
• Updating components while preserving local edits

Implement, debug, or review Nexent frontend pages and React components using existing architecture and UI guidance. Cover API connections, shared data and types, styling, and localization, with checks for loading states, errors, and affected behavior.

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

• Implementing or fixing Nexent screens
• Reviewing React components and hooks
• Checking API connections and shared types

Configure UnoCSS and style interfaces with utility classes, small reusable styling instructions. Use project settings to define custom rules, shortcuts, themes, and presets for features such as icons, typography, and attribute-based styling.

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

• Adding UnoCSS to a Vite or Nuxt project
• Combining repeated styles into shortcuts
• Defining shared colors and responsive breakpoints

Create working web pages, components, and application interfaces with a clear visual direction. The skill connects purpose and audience to typography, color, layout, and motion, producing cohesive designs implemented in frontend code.

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

• Build a landing page with a clear visual style
• Refine a dashboard's visual design
• Create a React component

Build and review Tailwind CSS interfaces against consistent rules for typography, accessibility, layout, and animation. Get specific code fixes for violations, including keyboard interactions, loading states, error placement, and motion timing.

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

• Reviewing UI components for accessibility
• Keeping Tailwind CSS styling consistent
• Checking animation timing and performance

Generate ASP.NET Core pages, components, or API endpoints for creating, reading, updating, and deleting database records. Follow the project's existing styling and code conventions, with database migrations and verification of the generated functionality.

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

• Add database-backed record management pages
• Generate Minimal API endpoints for a model
• Create Blazor forms that match existing styling

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

Build working web pages, components, and application interfaces around a clear visual direction. Shape typography, color, spacing, and animation to suit the audience and purpose, producing cohesive designs instead of repetitive, generic layouts.

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

• Creating a landing page with a distinct visual direction
• Designing and building a dashboard
• Styling React components consistently

Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or styling components in a React Native project that uses Tailwind with className.

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

Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, fixing an app that looks AI-generated or generic instead of native (the named native-slop tells), building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for folder layout of a new app use expo-project-structure.

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

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.

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

Create consistent chalk-based color and styling system for CLI output with themes, semantic colors, and formatting utilities.

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

Expert blueprint for UI themes using Theme resources, StyleBoxes, custom fonts, and theme overrides for consistent visual styling. Covers StyleBoxFlat/Texture, theme inheritance, dynamic theme switching, and font variations. Use when implementing consistent UI styling OR supporting multiple themes. Keywords Theme, StyleBox, StyleBoxFlat, add_theme_override, font, theme inheritance, dark mode.

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

Expert blueprint for UI themes using Theme resources, StyleBoxes, custom fonts, and theme overrides for consistent visual styling. Covers StyleBoxFlat/Texture, theme inheritance, dynamic theme switching, and font variations. Use when implementing consistent UI styling OR supporting multiple themes. Keywords Theme, StyleBox, StyleBoxFlat, add_theme_override, font, theme inheritance, dark mode.

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

Comprehensive R package for command-line interface styling, semantic messaging, and user communication. Use this skill when working with R code that needs to: (1) Format console output with inline markup and colors, (2) Display errors, warnings, or messages with cli_abort/cli_warn/cli_inform, (3) Show progress indicators for long-running operations, (4) Create semantic CLI elements (headers, lists, alerts, code blocks), (5) Apply themes and customize output styling, (6) Handle pluralization in user-facing text, (7) Work with ANSI strings, hyperlinks, or custom containers. Also use when migrating from base R message/warning/stop, debugging cli code, or improving existing cli usage.

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

Provides design token system and theming framework for consistent, customizable UI styling across all components. Covers complete token taxonomy (color, typography, spacing, shadows, borders, motion, z-index), theme switching (CSS custom properties, theme providers), RTL/i18n support (CSS logical properties), and accessibility (WCAG contrast, high contrast themes, reduced motion). This is the foundational styling layer referenced by ALL component skills. Use when theming components, implementing light/dark mode, creating brand styles, customizing visual design, ensuring design consistency, or supporting RTL languages.

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