跳到正文
cccskills

“tailwind”的搜索结果

395 个 · 按相关度排序

Create video scenes in Remotion using React, with guidance on frame-based animation, media placement, and timing. It also points to references for effects, transitions, fonts, and other features, plus ways to preview the results in Studio.

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

  • Animating titles and subtitles
  • Combining video, audio, and images
  • Adjusting layer timing and trimming
remotion-dev/remotion6.6万2026年10月20日 更新

find-docs

免费

Search current library documentation and code examples with Context7 CLI, a command-line tool. Find API usage and configuration guidance, select available version-specific documentation, and prioritize examples in the programming language you use.

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

  • Checking current API usage and configuration
  • Finding documentation for a requested version
  • Prioritizing code examples in a chosen language
upstash/context76.3万2026年10月20日 更新

Find current documentation and code examples through the Context7 MCP server. Look up library setup, API usage, migration steps, and library-specific problems, using documentation for the requested version when available.

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

  • Looking up documentation for a specific version
  • Finding library setup and configuration steps
  • Finding examples for code that uses external libraries
upstash/context76.3万2026年10月20日 更新

Build web interfaces with floating cards, spatial depth, and translucent glass effects using GSAP and 3D CSS. Add scroll animations while preserving keyboard navigation and providing static states for users who request reduced motion.

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

  • Building a landing page with floating cards
  • Adding depth to a dashboard
  • Creating scroll-linked animations
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

Find opportunities to simplify a codebase by hiding complex behavior behind smaller interfaces. Compare candidates in a visual HTML report, then explore the chosen option through questions about constraints, dependencies, and testing.

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

  • Finding structural improvements in frequently changed code
  • Comparing refactoring candidates visually
  • Exploring constraints and testing for a chosen candidate
LibreChat-AI/LibreChat4.6万2026年10月20日 更新

Configure Claude Code and improve how you assign coding tasks. This guide provides a CLAUDE.md template, practical prompting examples, debugging approaches using logs, and a workflow for making and checking small changes.

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

  • Set up project guidelines in CLAUDE.md
  • Write clearer requests for coding tasks
  • Investigate unexpected agent behavior using logs
davila7/claude-code-templates3.3万2026年10月20日 更新

Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.

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

  • Preparing a design for developer handoff
  • Documenting layout changes across screen sizes
  • Specifying loading, empty, and error states
anthropics/knowledge-work-plugins3.1万2026年10月20日 更新

shadcn

免费

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
different-ai/openwork2.4万2026年10月20日 更新

kortix-ui

免费

Build React interfaces for Kortix using @kortix/ui components. The skill covers forms, dialogs, notifications, and chat views, with shared styling rules, brand customization through CSS variables, and checks for types, controls, and responsive layouts.

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

  • Building forms and dialogs with existing components
  • Adding a chat view with SessionThread
  • Adapting component colors and logos to another brand
kortix-ai/suna2万2026年10月20日 更新

shadcn

免费

Find, add, and combine shadcn/ui components to build forms, dashboards, and other interfaces. Use project settings and component documentation to guide styling, debugging, preset changes, and updates that preserve local modifications.

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

  • Build forms and dashboards from existing components
  • Find and add components from registries
  • Debug component structure and styling
spree/spree1.6万2026年10月20日 更新

Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.

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

  • Preparing a design for developer handoff
  • Documenting layout changes across screen sizes
  • Specifying loading, empty, and error states
TencentCloud/Octop1万2026年10月20日 更新

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-anything91872026年10月13日 更新

Create slides on a fixed 1920×1080 canvas, choosing each layout to suit the content. Consistent typography, one palette, and a single focal point per slide shape the presentation, with keyboard navigation and page numbers included.

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

  • Building a portfolio presentation
  • Designing a talk with varied slide layouts
  • Preparing slides for an art or design class
nexu-io/html-anything91872026年10月13日 更新

Create documents with a warm parchment background, ink-blue accents, and serif typography. Layouts cover one-page summaries, reports, letters, resumes, and more, using type size and spacing to give each page a composed, print-like appearance.

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

  • Designing a one-page summary
  • Formatting a long report
  • Preparing a letter or resume
nexu-io/html-anything91872026年10月13日 更新

Turn Stitch designs into reusable React components for Vite projects, or update existing components to match revised designs. Organize interface elements, logic, and data separately while aligning styles and connecting navigation between pages.

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

  • Build React screens from Stitch designs
  • Update existing screens after design changes
  • Split repeated interface elements into reusable components
google-labs-code/stitch-skills85502026年8月18日 更新

Set and review how interface text renders, including font loading, size hierarchy, line spacing, wrapping, truncation, and punctuation. Apply fixes within the existing styling system and check how realistic content behaves across different widths.

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

  • Organize heading and body text sizes
  • Fix wrapping and truncated text
  • Keep changing numbers aligned
jakubkrehel/skills80612026年10月13日 更新

Turn Figma designs into screen code that fits an existing project. The workflow reuses existing components and shared style values, follows design notes, and uses exported images and icons to preserve the design’s appearance.

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

  • Implement a screen from a Figma design
  • Reuse existing components when building a design
  • Reproduce images and icons from exported assets
openai/plugins75212026年10月8日 更新

shadcn

免费

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
openai/plugins75212026年10月8日 更新

shadcn

免费

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
Devin-AXIS/iPolloWork71202026年10月19日 更新

Turn a Figma design into code that fits an existing project. Reuse its components and shared style values, follow designer notes and component mappings, and adapt Figma's reference output to the project's framework and conventions.

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

  • Implementing a screen from a Figma design
  • Reusing existing project components in a design implementation
  • Applying designer notes and shared style values
Devin-AXIS/iPolloWork71202026年10月19日 更新

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/preline64952026年8月31日 更新

Turn a broad UI request into concrete design rules for colors, typography, layout, and interactions. The skill provides accessibility checks and implementation guidance for the chosen framework, with saved design notes to keep multiple pages consistent.

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

  • Define a design direction for a landing page
  • Choose dashboard colors and typography
  • Review UI accessibility and interactions
Galaxy-Dawn/claude-scholar58512026年10月19日 更新

Review existing interface animations and tune their timing, movement, scale, blur, and easing—the way speed changes. It matches values to their purpose and checks opening, closing, hover behavior, and staggered sequences against shared motion tokens.

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

  • Reviewing existing interface animations
  • Adjusting modal opening and closing speeds
  • Fixing delays in staggered list animations
Jakubantalik/transitions.dev54372026年10月17日 更新

Start a new Remotion video by setting up a project when needed and opening Studio before building scenes. Covers folder selection, React video structure, multiple scenes, and timelines with individually editable clips.

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

  • Set up a new Remotion video project
  • Add a new video to an existing project
  • Create a video with multiple scenes
remotion-dev/skills54242026年10月20日 更新