frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-09 00:13
Design & creation
22,584 results
radix-ui-design-system
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for…
remotion-best-practices
Best practices for Remotion - Video creation in React
extract-frames-skill
Extract frames from a video at a fixed sample rate using ffmpeg, saving them as timestamp-named image files. Use when asked to capture stills, extract frames,…
build-content-layout
Information design and layout methods. Applies when artifact_type is document/deck/visual, when the artifact needs information hierarchy, reading path, composition, medium adaptation, or mentions "layout" "typesetting" "information architecture"
design-content-direction
Direction design — shot transition intent, emotional progression, presentation pacing. When a presentation or narrative delivery arrangement needs to be designed, or when "direction", "pacing", "presentation" is mentioned
design-content-layout
Layout design — layout system, composition, page hierarchy, media adaptation. When you need to design the visual layout of a document or page, or when "typography", "layout", "layout", or "grid" is mentioned
design-content-script
Script Design — narrative skeleton, paragraph message lines, storytelling rhythm. When the narrative structure of an article or presentation needs to be designed, or when "script", "narrative", "storyline", or "outline" is mentioned
design-experience-interaction
Interaction Design — key flows, states, information architecture, user paths. When user interaction flows or information architecture need to be designed, or when "interaction", "flow", "user path", "information architecture" are mentioned
design-interactive-preview
Interactive visual comparison — display design directions side by side in the browser. Use when multiple design directions need to be compared, or when "preview", "mockup", "design comparison", "preview" is mentioned.
design-visual-direction
Visual design — style, hierarchy, color, component visual rules. Use when defining visual style or component visual specifications, or when "visual", "color", "style", "visual" is mentioned.
design-workflow-design
Evidence-driven creation design control tower. When interaction, visual, or layout design needs to be finalized, or when "design" "best practices" "evidence" "design" is mentioned
verify-visual-review
Visual quality review. Applies when artifact_type is visual, when visual hierarchy, alignment, whitespace, consistency, or readability need to be checked, or when "visual review", "design mockup", or "visual walkthrough" is mentioned.
paper-collage-mv
Turn a song or a song snippet (mp3/wav/m4a, or a video exported from Douyin) into a paper-cut collage-style lyric MV: paper-cut puppet characters, colored paper with white paper edges and drop shadows, watercolor backgrounds, light and grain, and Songti paper-slip lyrics that land syllable by syllable on the beat, with every frame drawn entirely in code (Canvas 2D, no AI image/video models). Match the art style of the fifth-round final version of 《只对你有感觉》. Use when…
code-design-docs-spec
A collection of software design document specifications, including complete specifications for architecture design documents (arch-spec), functional requirement specifications (prd-spec), and test specifications (test-spec). When design documents need to be written or maintained, reference the corresponding specification according to the document type, and execute workflow operations according to the Agent in the specification.
codex-theme-studio
Design, generate visual assets for, safely install, verify, iterate, and restore custom themes for the official Codex Desktop app on macOS. Use when a user…
zoonk-design
Design philosophy and UI/UX guidelines inspired by Apple, Linear, and Vercel. Use when planning new features, designing interfaces, reviewing implementations,…
zoonk-video-design
Video design principles and preferences for building Zoonk launch/product videos with Remotion. Use when creating, reviewing, or iterating on video scenes,…
seo-image-gen
AI image generation for SEO assets: OG/social preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via…
seo-images
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings…
guodao-zoulang-sheji-bikeng-zhinan-2026
[Must-read for homeowners with corridors] How do you make use of a long, narrow corridor at home? Should a corridor have a suspended ceiling? What kind of light should be installed in a corridor that is too dark? Is the end of a corridor only good for being left empty? How do you decorate so that a long corridor right at the entrance does not feel oppressive? Ultra-thin cabinets, built-in cabinets, pegboards, niches, turning a corridor into a utility room, borrowing corridor space for wet/dry separation, how to deal with a large beam across a corridor, how to paint a corridor feature wall so it does not look empty, how should corridor floor tiles be laid so the joints line up? This covers corridor storage and utilization, lighting and daylighting, suspended ceilings and large beams, feature end walls, layout...
json-canvas
Create and edit JSON Canvas files (.canvas), supporting nodes (text, file, link, group), edges, colors, and layout. Suitable for mind maps, kanban boards, flowcharts, research canvases, and other scenarios, rendering perfectly in Obsidian.
design-lab
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the…
app-store-screenshots
App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos.…