724 个 · 按相关度排序
Design and improve web, mobile, and desktop interfaces using searchable local guidance. Find suitable colors, font pairings, layouts, and interaction patterns, then apply accessibility checks and implementation advice for the technology used in the project.
中文简介正在准备中。当前显示英语简介。
Audit website images for search visibility and loading performance, then prioritize fixes. Check descriptive text, file sizes, and loading settings, convert files to WebP or AVIF, and add creator and copyright metadata.
中文简介正在准备中。当前显示英语简介。
Build web layouts that adapt to screen and component sizes using CSS. Covers flexbox and CSS Grid for arranging content, reusable style variables, fluid text sizing, dark mode, and animations for interactive elements.
中文简介正在准备中。当前显示英语简介。
Build Next.js applications with App Router, the app directory routing system. Get guidance on server rendering, data fetching, caching, API endpoints, and deployment settings, including loading states and image optimization for responsive page experiences.
中文简介正在准备中。当前显示英语简介。
Audit an app’s animations for responsiveness, performance, and accessibility, then rank the findings by impact and effort. Produce detailed implementation plans that another agent can follow, while leaving source code unchanged during the audit.
中文简介正在准备中。当前显示英语简介。
Review UI animation code for purposeful motion, responsive timing, correct origins, performance, and accessibility. Get a table of specific changes with reasons, followed by an approval or blocking decision ranked by impact.
中文简介正在准备中。当前显示英语简介。
Build HTML/CSS pages styled after a named brand using 54 design references. Templates provide colors, typography, spacing, component styles, responsive behavior, and font substitutes to guide a consistent visual result.
中文简介正在准备中。当前显示英语简介。
Build working web pages, components, and application interfaces with a clear visual direction. The skill guides typography, color, spacing, motion, and responsive layouts that adapt to different screen sizes.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Create or refine OpenClaw public websites and landing pages using existing site patterns. Improve page structure, navigation, imagery, and mobile layouts, then check themes, accessibility, and search-related presentation in a browser.
中文简介正在准备中。当前显示英语简介。
Create a clickable product landing page prototype with navigation, feature cards, usage steps, testimonials, and optional pricing. Include responsive layouts, hover effects, scroll animations, and expandable FAQ sections to demonstrate the intended experience.
中文简介正在准备中。当前显示英语简介。
Find, install, and customize shadcn/ui components for React applications. The skill guides project setup, theme changes, forms, dialogs, and dashboard layouts, with checks for keyboard access, screen reader support, and responsive behavior.
中文简介正在准备中。当前显示英语简介。
Build a dark dashboard with panels that adapt to screen width. The skill provides CSS for consistent colors, monospace text, panel headers, scrolling content, status badges, and loading or error states.
中文简介正在准备中。当前显示英语简介。
Create websites, dashboards, games, and app interfaces from image-generated design concepts. The skill turns the accepted concept into reusable UI components, implements working controls, and checks browser rendering, interactions, and responsive layouts against the design.
中文简介正在准备中。当前显示英语简介。
Test and debug rendered web apps by reproducing interaction bugs, checking layouts and console errors, making focused fixes, and validating again. Results include screenshots, observed state changes, and a QA report explaining coverage and remaining gaps.
中文简介正在准备中。当前显示英语简介。
Automate website interactions and checks with Playwright, a browser automation tool. Create and run scripts for forms, login redirects, broken links, and different screen sizes, with screenshots and execution results to inspect.
中文简介正在准备中。当前显示英语简介。
Improve website loading and responsiveness by optimizing images, fonts, scripts, and caching. Identify priorities, reduce JavaScript download size, split code into smaller loads, and verify changes through a structured performance improvement workflow.
中文简介正在准备中。当前显示英语简介。
Build working web pages, components, and app interfaces around a clear visual concept. Coordinate typography, color, spacing, motion, and interaction details, adapting layouts to different screen sizes while avoiding repetitive visual templates.
中文简介正在准备中。当前显示英语简介。
Design a two-panel page that gives visuals and supporting information distinct roles. This skill guides framing, spacing, typography, compact labels, and responsive stacking for product pages, portfolios, showcases, and technical presentations.
中文简介正在准备中。当前显示英语简介。
Turn ordered steps into a vertical or horizontal timeline whose progress line and active step update as readers scroll. Keep the sequence readable across screen sizes, with keyboard navigation and support for reduced-motion preferences.
中文简介正在准备中。当前显示英语简介。
Embed interactive Unicorn Studio scenes in websites and adjust their sizing, layering, and rendering settings. Use it to integrate animated visuals with page content, manage performance, and troubleshoot scenes that fail to appear.
中文简介正在准备中。当前显示英语简介。
Add a lightweight interactive globe to a web page with cobe. Covers location markers, rotation, canvas sizing, responsive updates, performance settings, and integration with React or Next.js for hero sections, about pages, and cards.
中文简介正在准备中。当前显示英语简介。
Test browser games through repeatable game states and short real playthroughs. Check controls, progression, saves, device layouts, and visible feedback, then report bugs with reproduction steps, severity, and browser evidence.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。