1172 个 · 按相关度排序
Builds and updates OpenClaw interfaces using shared styling rules, existing components, and semantic tokens—named values for visual roles. Helps keep themes, controls, and interaction states consistent while preserving application behavior unless changes are requested.
中文简介正在准备中。当前显示英语简介。
Choose the right OpenClaw design guidance for brand identity, application interfaces, public pages, or audits. It directs agents to focused instructions and shared rules for consistent styling, reusable components, and browser checks.
中文简介正在准备中。当前显示英语简介。
Build a looping animated hero, the large visual at the top of a page, or a video opening. Combine rotating text, a globe or abstract geometry, a timer, and floating labels with cinematic colors and one neon accent.
中文简介正在准备中。当前显示英语简介。
Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.
中文简介正在准备中。当前显示英语简介。
Read frontend source code to document colors, typography, spacing, components, and layout rules in DESIGN.md. Use it to understand an existing interface or prepare design guidance for Stitch without building or running the app.
中文简介正在准备中。当前显示英语简介。
Use WorldMonitor’s architecture as a reference for building dashboards. Find examples of TypeScript panels, data services, grid layouts, API proxies, and refresh scheduling, with guidance on simplifying these patterns for a personal monitoring project.
中文简介正在准备中。当前显示英语简介。
Build TypeScript interface panels with badges, thumbnails, and colors driven by data. Organize shared behavior in a base class, including fetch retries, error recovery, and saved panel size and expansion state.
中文简介正在准备中。当前显示英语简介。
Diagnose file access problems by checking directories, permissions, file headers, and line counts in parallel batches. Also reviews TypeScript imports, fixes duplicates and type-only imports, and checks module exports before retrying the failed operation.
中文简介正在准备中。当前显示英语简介。
Build dashboard panels and sidebars in plain TypeScript. Provides patterns for panels that fetch data on a timer and sidebars updated by external callers, including retries, saved display settings, and styles inserted only once.
中文简介正在准备中。当前显示英语简介。
Create dark interfaces with frosted glass panels, gradient borders, and subtle glow. The skill provides CSS and Tailwind patterns for cards, hero sections, and dashboards, with checks for readable contrast, visible focus, and mobile behavior.
中文简介正在准备中。当前显示英语简介。
Add subtle vertical guides and small corner squares to web pages using CSS and HTML patterns. Align them with the content width across sections, preserve mobile spacing, and keep the guides from blocking clicks or text selection.
中文简介正在准备中。当前显示英语简介。
Create buttons, cards, and panels with diagonally cut corners. It provides CSS shapes, border treatments, and sizing guidance to keep the geometry consistent while preserving readable labels, usable touch targets, and visible keyboard focus.
中文简介正在准备中。当前显示英语简介。
Add reveal animations that start when page elements enter the visible area. The skill provides JavaScript using IntersectionObserver, a browser visibility detector, plus CSS keyframes and Tailwind-compatible classes, with adjustments for trigger position, motion, duration, and delay.
中文简介正在准备中。当前显示英语简介。
Package a finished local web project for GitHub with a tailored README and a preview from the running project. Audit files before pushing, publish compatible projects through GitHub Pages, and verify the repository and live demo.
中文简介正在准备中。当前显示英语简介。
Create working web pages, components, and application interfaces with a clear visual direction. The skill connects purpose and audience to typography, color, layout, and motion, producing cohesive designs implemented in frontend code.
中文简介正在准备中。当前显示英语简介。
Build web pages, application interfaces, and components with a clear visual direction suited to their purpose and audience. It turns design choices about typography, color, layout, and motion into working frontend code with consistent visual details.
中文简介正在准备中。当前显示英语简介。
Set up Ignite UI Lite controls or GridLite in Blazor applications. Match package references, service registration, namespaces, theme stylesheets, and interactive rendering settings to the app’s structure, including projects with separate server and client code.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Build working web pages, components, and application interfaces around a clear visual direction. Shape typography, color, spacing, and animation to suit the audience and purpose, producing cohesive designs instead of repetitive, generic layouts.
中文简介正在准备中。当前显示英语简介。
Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.
中文简介正在准备中。当前显示英语简介。
Build web pages, application interfaces, and components with a clear visual direction suited to their purpose and audience. It turns design choices about typography, color, layout, and motion into working frontend code with consistent visual details.
中文简介正在准备中。当前显示英语简介。
Zoom In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
Zoom In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。
Shake Y — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
中文简介正在准备中。当前显示原文说明。