跳到正文
cccskills

“css”的搜索结果

1163 个 · 按相关度排序

Helps build React and Next.js interfaces with TypeScript and Tailwind CSS. Provides project and component generators, reviews dependencies for code size reductions, and guides measurable improvements to loading performance, accessibility, and frontend code quality.

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

  • Starting a React or Next.js project
  • Generating components with tests and Storybook stories
  • Finding dependencies that increase download size
alirezarezvani/claude-skills2.8万2026年8月30日 更新

webapp

免费

Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.

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

  • Building a dashboard with data displays
  • Creating an admin panel with forms and APIs
  • Prototyping an online store
kortix-ai/suna2万2026年10月19日 更新

Build a single HTML product showcase with real content displayed inside CSS-drawn iPhone and optional MacBook screens. Use supplied HTML, text, or data, with perspective, reflections, highlights, and optional gentle rotation.

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

  • Create a visual for a product launch
  • Present an app inside an iPhone-style screen
  • Show mobile and desktop designs together
nexu-io/html-anything91842026年10月13日 更新

Build web pages and interface components with a clear visual direction suited to their purpose and audience. The skill guides typography, color, layout, and animation, turning design choices into working frontend code.

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

  • Building a landing page with a distinctive visual style
  • Designing a dashboard with a consistent look
  • Refining the typography, spacing, and colors of an existing web UI
mvschwarz/openrig79202026年10月20日 更新

use-dom

免费

Bring existing React web components and browser-only libraries into Expo apps with DOM components. Render them in a WebView, an embedded browser view, on native platforms and directly on the web to support gradual migration.

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

  • Gradually moving existing React web components into Expo
  • Adding web charts or syntax highlighting to an app
  • Reusing complex HTML/CSS layouts or embedded content
openai/plugins75132026年10月8日 更新

Measure and improve animation performance on frontend pages. Identify offscreen activity, pause CSS and canvas or WebGL loops, audit resource cleanup, and compare runtime observations before and after changes to investigate scrolling issues and long-session slowdowns.

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

  • Pause animations outside the viewport
  • Investigate jerky scrolling
  • Audit cleanup after page navigation
MengTo/Skills68472026年10月18日 更新

Add Preline UI components and ready-made page sections to HTML files through the Preline MCP server. The skill guides component selection, CSS and script placement, and assembly of pages containing multiple components.

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

  • Adding a Preline UI component to an existing HTML file
  • Building a page from ready-made sections
  • Assembling a dashboard with multiple components
htmlstreamofficial/preline64932026年8月31日 更新

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

  • Building a landing page with a clear visual style
  • Designing and implementing a dashboard
  • Refining typography, colors, and spacing in an existing interface
ThinkInAIXYZ/deepchat63722026年10月20日 更新

Design and refine web animations for buttons, dialogs, menus, and gestures. The skill guides timing, changes in speed, spring motion, performance, and reduced-motion preferences so transitions fit the interaction and remain responsive.

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

  • Refine dialog and menu transitions
  • Adjust button press and hover feedback
  • Investigate stuttering animations
vercel-labs/open-agents58522026年8月29日 更新

Adjust .NET MAUI layouts to avoid system bars, screen cutouts, and keyboards, or extend content to screen edges. It covers .NET 10 safe area APIs, migration from older settings, and CSS coordination for Blazor Hybrid.

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

  • Fixing status bar overlap after upgrading to .NET 10
  • Keeping chat inputs visible above the keyboard
  • Creating edge-to-edge photo or video screens
dotnet/skills56792026年10月20日 更新

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

  • Building a landing page with a clear visual style
  • Designing and implementing a dashboard
  • Refining typography, colors, and spacing in an existing interface
HKUDS/ClawTeam55382026年5月9日 更新

Add an animation that makes a finished interface look as though an AI agent is building it. It traces the element’s actual layout with dots, then reveals the interface, optionally alongside generation logs and CSS text.

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

  • Reveal a result card when AI output arrives
  • Show a component being built in a product demo
  • Add generation logs to a landing page reveal
Jakubantalik/transitions.dev54282026年10月17日 更新

css

免费

Guides styling implementation using TailwindCSS + CSS Modules. Triggered when handling component styles, layout design, or CSS patterns.

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

MatrixAges/polywise6632026年6月11日 更新

This skill should be used when refactoring existing CSS from inline styles or utility classes to semantic patterns. Triggers on "refactor CSS", "extract styles", "consolidate CSS", "convert inline", "clean up styles", "migrate to semantic". Transforms to semantic classes with dark mode and tests.

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

aiskillstore/marketplace4392026年10月19日 更新

This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Triggers on "CSS", "styles", "Tailwind", "dark mode", "component styling", "semantic class", "@apply", "stylesheet". Routes to specialized sub-skills for creation, validation, or refactoring.

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

aiskillstore/marketplace4392026年10月19日 更新

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.

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

giuseppe-trisciuoglio/developer-kit3602026年9月10日 更新

Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring dark mode. Triggers on @theme, @tailwindcss/vite, oklch, CSS variables, --color-, tailwind v4.

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

existential-birds/beagle842026年9月16日 更新

Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design / Panduan ahli untuk Tailwind CSS v4, konfigurasi CSS-first, kustomisasi @theme, dan desain responsif modern.

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

roedyrustam/vibes-plug802026年10月19日 更新

Expert guide for cutting-edge Native CSS (2026 Standard) — CSS Anchor Positioning, @starting-style, View Transitions Level 2, Container Queries, and :has() / Panduan ahli fitur CSS native modern 2026.

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

roedyrustam/vibes-plug802026年10月19日 更新

CSS design tokens and color system for vehicle insurance platform. Use when defining colors, spacing, typography, or design variables. Keywords: eye-care colors #5B8DEF/#8B95A5/#C5CAD3, CSS variables, spacing system, color palette, typography scale, design tokens, variables.css, theme colors.

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

FDU-INS/Insurance-Skills772026年7月12日 更新

Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.

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

PyModel/css-pro-tips342026年9月27日 更新

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.

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

Jannael/Glinter162026年8月11日 更新

Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).

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

curiositech/windags-skills162026年10月19日 更新

Architect scalable styling systems with Tailwind v4, CSS Modules, design tokens, dynamic theming, and container queries. Activate on: design tokens, theming system, Tailwind config, CSS architecture, container queries, dark mode. NOT for: component library creation (use design-system-creator), animation systems (use animation-system-architect).

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

curiositech/windags-skills162026年10月19日 更新