跳到正文
cccskills

“components”的搜索结果

2228 个 · 按相关度排序

Build React components, forms, and custom hooks with TypeScript. Organize state and data fetching, debug rendering problems, migrate class components, and improve performance, with type checks and component tests to validate the implementation.

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

  • Build React components and forms
  • Design state management and data fetching
  • Debug rendering issues and improve performance
Jeffallan/claude-skills1.2万2026年10月17日 更新

Find code components that match Figma design components by comparing names, structure, and settings. Presents candidates for approval, then creates Code Connect mappings, explicit links between design components and their implementations.

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

  • Link a Figma button to its code component
  • Find unconnected components within a frame
  • Compare similar implementation candidates
openai/skills2.8万2026年9月9日 更新

Link Figma design components with their code counterparts through Code Connect, helping design-system updates flow into the codebase. This catalogue entry points agents toward the full upstream workflow.

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

  • Linking Figma components to code components
  • Reflecting design-system updates in code
  • Introducing a Code Connect workflow
nexu-io/open-design10.2万2026年10月19日 更新

Build Next.js applications with App Router patterns for page structure, data fetching, caching, and progressive page loading. Covers server and browser component responsibilities, route design, Server Actions, and migration from Pages Router.

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

  • Build a new application with App Router
  • Migrate an application from Pages Router
  • Add progressive loading for slow data sources
wshobson/agents4.1万2026年10月19日 更新

shadcn

免费

Build json-render interfaces with 36 ready-made UI components, including forms, tables, and navigation. This skill guides component selection, connects definitions to React implementations, and explains custom components and input validation.

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

  • Add standard components to a json-render interface
  • Build forms with input validation
  • Combine ready-made and custom components
vercel-labs/json-render1.9万2026年10月14日 更新

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月18日 更新

Develop Salesforce workflows, interface components, and integrations using Apex and Lightning Web Components. The skill guides database queries, bulk processing, platform resource limits, testing, and deployment through Salesforce DX.

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

  • Automating CRM tasks with Apex triggers
  • Building Lightning Web Components
  • Improving bulk processing and database queries
Jeffallan/claude-skills1.2万2026年10月17日 更新

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, visibility settings, and nested components so the displayed code snippets reflect the selected design properties.

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

  • Linking Figma components to existing code components
  • Creating Code Connect template files
  • Mapping design variants to code properties
openai/plugins75012026年10月8日 更新

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

Map a codebase into architectural components, logical groups of source files, and compare their sizes using executable statements and file counts. Produce an inventory, identify unusually large or small components, and recommend where to split or consolidate code.

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

  • Create a component inventory before splitting a monolith
  • Find components with disproportionately large amounts of code
  • Review small components for consolidation
tech-leads-club/agent-skills70712026年10月17日 更新

shadcn-ui

免费

Build interface components with shadcn/ui, focusing on clear structure and accessibility so more people can use them. Pair the implementation work with the Stitch design loop to move from design iteration to working components.

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

  • Building interface components with shadcn/ui
  • Implementing components with accessibility in mind
  • Pairing component development with Stitch design iterations
nexu-io/open-design10.2万2026年10月19日 更新

Review custom elements and Web Components for missing screen reader information, keyboard controls, focus handling, and HTML form integration. Get concrete fixes and identify cases where a native HTML control could serve the same purpose.

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

  • Reviewing custom controls for screen reader support
  • Checking keyboard navigation in menus and listboxes
  • Connecting custom inputs to HTML forms
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

angular

免费

Develop Angular v20+ applications using Signals for reactive state and Standalone Components. Supports gradual migration from NgModules, Zoneless configuration, server-side rendering, hydration, and performance optimization with development testing before production use.

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

  • Build a new Angular v20+ application
  • Implement reactive state with Signals
  • Gradually migrate NgModules to Standalone Components
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

angular

免费

Helps build Angular v20+ applications with Signals, which track changing values, and self-contained Standalone Components. Covers state management, server rendering, performance improvements, and testing, including gradual updates to existing applications.

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

  • Build a new Angular v20+ application
  • Migrate NgModules to Standalone Components
  • Design state management with Signals
davila7/claude-code-templates3.3万2026年10月18日 更新

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月18日 更新

Build and update Kortix web screens with established interface components and reference layouts. Guides component selection for forms, lists, modals, loading states, and notifications, including replacements for deprecated components and consistent responsive page structure.

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

  • Build a settings screen with existing components
  • Replace deprecated interface components
  • Standardize loading, empty, and error states
kortix-ai/suna2万2026年10月18日 更新

Build Svelte interfaces for json-render using 36 ready-made components. This skill guides component selection, connects component definitions to implementations, and explains form validation settings for apps using Svelte 5 and Tailwind CSS.

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

  • Add standard UI components to a Svelte app
  • Build forms with configurable validation
  • Prepare component definitions for server-side prompts
vercel-labs/json-render1.9万2026年10月14日 更新

Build Angular 17+ applications with standalone components, routing, and shared application state. Covers reactive data handling with RxJS, performance improvements, and unit and integration tests, with code and explanations of architecture choices.

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

  • Building Angular screens with standalone components
  • Managing shared application state with NgRx
  • Configuring lazy-loaded routes and access guards
Jeffallan/claude-skills1.2万2026年10月17日 更新

Build Next.js 14+ applications with App Router, server-rendered components, and form actions. Produces routes, page layouts, data fetching, loading and error states, and SEO metadata, while supporting performance optimization and deployment preparation.

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

  • Building pages and layouts with App Router
  • Implementing form submissions with Server Actions
  • Adding loading states, error handling, and SEO metadata
Jeffallan/claude-skills1.2万2026年10月17日 更新

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-skills85462026年8月18日 更新

Turn Stitch HTML designs into React Native screens and reusable components, or update existing components to match newer designs. Extract shared style values, implement layouts with StyleSheet, and organize navigation, data, and interaction logic.

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

  • Convert Stitch designs into React Native screens
  • Update existing components to match newer Stitch designs
  • Share colors, fonts, and spacing across screens
google-labs-code/stitch-skills85462026年8月18日 更新

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/iPolloWork70932026年10月18日 更新

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, toggles, and nested components so code examples reflect the selected component's design settings.

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

  • Connect published Figma components to existing code
  • Map design variants to component properties
  • Reflect configurable nested components in code examples
Devin-AXIS/iPolloWork70932026年10月18日 更新

Analyze a monolithic codebase before splitting it into modules or services. The skill inventories components, examines duplication, hierarchy, and dependencies, then proposes groupings aligned with business domains, with optional checks against business terminology and boundaries.

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

  • Assessing component sizes before splitting a monolith
  • Finding duplicated business logic across modules
  • Reviewing module hierarchy and dependencies
tech-leads-club/agent-skills70712026年10月17日 更新