跳到正文
cccskills

“responsive”的搜索结果

725 个 · 按相关度排序

Build and test Three.js games for mobile browsers, covering touch controls, screen orientation, readable game information, and device-appropriate graphics. Refine movement, actions, inventory interactions, and performance through checks of real mobile browser behavior.

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

  • Designing touch movement and action controls
  • Adapting game screens to portrait and landscape
  • Tuning graphics quality for mobile devices
MengTo/Skills68722026年10月18日 更新

Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.

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

  • Create a product story set in a continuous 3D world
  • Build an interactive portfolio with a scrolling camera journey
  • Present an exhibition through connected spatial chapters
MengTo/Skills68722026年10月18日 更新

Review and refine websites and apps by finding generic decoration, inconsistent visual choices, and interface defects. Preserve the established art direction while improving hierarchy, layout, interaction states, and the connection between design choices and product needs.

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

  • Removing unnecessary decoration from an existing page
  • Keeping new components consistent with the design system
  • Checking content hierarchy and primary actions
MengTo/Skills68722026年10月18日 更新

Build in-game changelogs that connect release notes and displayed versions to successful production deployments. Reconstruct supported history, integrate menu navigation and accessible controls, and verify version consistency and behavior on desktop and mobile.

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

  • Add or revise an in-game changelog screen
  • Reconstruct release history from deployments and Git
  • Keep displayed game versions aligned with published builds
MengTo/Skills68722026年10月18日 更新

Design and implement sound feedback for Three.js or web games, from action cues to music transitions. Define which sounds take priority, respect volume controls, provide visual alternatives, and check browser behavior and audio performance.

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

  • Give attacks, hits, and blocks distinct sound cues
  • Keep critical sounds audible during busy combat
  • Change music smoothly as game states change
MengTo/Skills68722026年10月18日 更新

Troubleshoot Feishu plugin authorization and permission problems using an FAQ and a diagnostic command. Check account configuration, API connectivity, app permissions, and user authorization, then review a report with issues and suggested fixes.

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

  • Investigate errors that persist after repeated authorization
  • Review app permissions and user authorization together
  • Check account configuration and API connectivity
op7418/CodePilot65042026年9月22日 更新

xlsx

免费

Create, edit, and analyze spreadsheets with formulas, formatting, and visualizations. Preserve existing workbook conventions, keep calculations responsive to input changes, and use formula recalculation and error checks to verify the resulting files.

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

  • Create a spreadsheet with formulas and formatting
  • Update an existing workbook while preserving formulas
  • Analyze and visualize Excel or CSV data
ThinkInAIXYZ/deepchat63722026年10月20日 更新

unocss

免费

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
antfu/skills59902026年10月9日 更新

polish

免费

Review a functionally complete interface before release and fix details in spacing, alignment, typography, wording, and interaction states. The skill also covers responsive layouts, accessibility, loading behavior, and code cleanup as part of the final quality pass.

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

  • Reviewing an interface before launch
  • Fixing inconsistent spacing and typography
  • Checking loading, error, and empty states
fengshao1227/ccg-workflow59412026年10月19日 更新

Design and refine web interfaces around their audience, tasks, and brand tone. Covers typography, color, layout, motion, accessibility, and performance, with guided techniques for reviewing existing screens and preparing them for release.

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

  • Establishing a design system
  • Reviewing interface usability and accessibility
  • Adapting layouts for mobile devices
fengshao1227/ccg-workflow59412026年10月19日 更新

overdrive

免费

Enhance existing interfaces with ambitious browser techniques, from scroll-linked animation and natural motion to smooth large-data displays. Compare implementation directions, build the selected approach, and refine it through browser previews, performance checks, and accessible fallbacks.

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

  • Adding scroll-linked effects to landing pages
  • Creating fluid transitions between buttons and dialogs
  • Keeping large tables and search results responsive
fengshao1227/ccg-workflow59412026年10月19日 更新

arrange

免费

Improve interface layouts by reviewing spacing, alignment, content density, and visual hierarchy, the cues that show what matters most. Refine repetitive card grids and crowded sections into compositions with consistent spacing and responsive structure.

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

  • Adjusting spacing in a crowded interface
  • Making important content easier to spot
  • Varying repetitive card-based layouts
fengshao1227/ccg-workflow59412026年10月19日 更新

Inspect a running website at different screen sizes to find layout problems, inconsistent styling, and accessibility issues such as poor contrast. Fix the relevant source code, recheck the results, and report changes with before-and-after screenshots.

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

  • Finding and fixing broken mobile layouts
  • Reviewing spacing, fonts, and color consistency
  • Checking contrast and keyboard focus visibility
Galaxy-Dawn/claude-scholar58552026年10月19日 更新

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-agents58542026年8月29日 更新

Helps build and review interface details such as button feedback, menus, animations, and drag gestures. Provides concrete implementation guidance based on usage frequency, responsiveness, rendering performance, and accessibility, including when to reduce or omit motion.

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

  • Reviewing UI code with concrete changes and reasons
  • Choosing animation timing and easing
  • Refining drag gestures and component feedback
vercel-labs/open-agents58542026年8月29日 更新

Guides React and Next.js interface development with examples for reusable components, shared state, forms, and error handling. It also covers loading performance, animations, and keyboard access to help build maintainable, responsive interfaces.

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

  • Designing reusable interface components
  • Organizing shared state and data fetching
  • Improving performance for long lists
WorldFlowAI/everything-claude-code51402026年1月23日 更新

Inspect a running website at different screen sizes to find layout problems, inconsistent styling, and accessibility issues such as poor contrast. Fix the relevant source code, recheck the results, and report changes with before-and-after screenshots.

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

  • Finding and fixing broken mobile layouts
  • Reviewing spacing, fonts, and color consistency
  • Checking contrast and keyboard focus visibility
brycewang-stanford/Auto-Empirical-Research-Skills46992026年10月20日 更新

Turns JSON event data into interactive HTML timelines for milestones, histories, or resumes. Choose vertical, horizontal, or dual-side layouts, customize colors, and expand event details in a mobile-friendly page that opens directly in a browser.

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

  • Displaying project milestones
  • Presenting product release histories
  • Creating a company history timeline
zebbern/claude-code-guide46722026年10月21日 更新

Plan a new interface using design reference searches, critique, and contrast checks. Produce colors, typography, reusable styling values, component specifications, layouts, and a style guide tailored to the product, audience, and selected technology.

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

  • Planning a dashboard’s colors, typography, and spacing
  • Preparing component states and keyboard interaction specs
  • Defining responsive layouts and a style guide
nyldn/claude-octopus42692026年10月19日 更新

Create or refactor SwiftUI screens with practical patterns for tabs, navigation, sheets, layouts, and state ownership. It also guides asynchronous loading, previews, accessibility labels, and build checks while respecting the project's conventions and supported OS versions.

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

  • Creating a new tabbed SwiftUI app structure
  • Splitting large screens into focused components
  • Organizing state ownership and data flow
Dimillian/Skills40062026年3月30日 更新

ui-test

免费

Test changed screens or explore an entire app in a real browser. Check interactions, accessibility, and mobile layouts, then document failures with screenshots, reproduction steps, expected results, and suggested fixes.

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

  • Checking UI changes in a pull request
  • Finding bugs through exploratory testing
  • Checking keyboard access and mobile layouts
browserbase/skills37382026年9月30日 更新

Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.

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

foryourhealth111-pixel/Vibe-Skills37362026年10月20日 更新

Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content, navigation, task flow, and responsive structure before visual design. Use when the user explicitly invokes html-wireframe or the broad html skill routes a wireframe request here. Do not activate independently from a general request. Do not use for polished mockups or production-like interaction; use html-prototype for those.

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

plannotator/effective-html37072026年10月16日 更新

Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. Use when the user explicitly invokes html-prototype or the broad html skill routes a mockup or prototype request here. Do not activate independently from a general request. Treat a mockup as a noninteractive fidelity mode within this skill, not as a separate skill.

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

plannotator/effective-html37072026年10月16日 更新