frontend-design
Aesthetic direction for designs outside an existing brand system
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Design & creation
21,546 results
options
Present multiple design options as a vertical stack of anchored turns
oas-program
Use when capturing OAS design intent — room requirements, area targets, adjacency rules, circulation rules, or global constraints — before any geometry has…
ceo-companion
Collaborative CEO co-pilot for SaaS strategy sessions. Researches markets, validates ideas, designs UI inspiration boards, and produces a .strategy/ folder…
openai-image-gen
Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.
reproducibility
Promotes research reproducibility through guidance on pre-registration, open data/code sharing, replication study design, computational reproducibility, and…
media-processing
Process multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration), ImageMagick (image manipulation, format…
taobao-keyword-search
Search Taobao and Tmall product listings by keyword, returning paginated product cards with title, price, shop, image, sales, and tags. Use when user asks to…
byted-util-getdesign-md
Download design system documentation (DESIGN.md) for well-known brands/websites from getdesign.md to provide style references for front-end development. Use this skill when you need to choose or apply a brand's design system style for a project.
project-design-concept-organizer
Supplement doc-todo-log-loop by distilling the project's design philosophy and architectural patterns during development, turning development decisions and tacit knowledge into systematic design documents.
team-motion-design
Unified team skill for motion design. Animation token systems, scroll choreography, GPU-accelerated transforms, reduced-motion fallback. Uses team-worker agent…
team-ui-polish
Unified team skill for UI polish. Auto-discover and fix UI design issues using Impeccable design standards. Anti-AI-slop detection, color/typography/spacing…
team-visual-a11y
Unified team skill for visual accessibility QA. OKLCH color contrast, typography readability, focus management, WCAG AA/AAA audit at rendered level. Uses…
brand-guidelines
Apply OpenEd's visual brand identity to presentations, websites, and digital materials. Specifies colors, typography, spacing, and design specifications for…
video-caption-creation
Create on-screen text hooks and captions for short-form video clips. Built around the Complementarity Principle - on-screen text should ADD to what the viewer…
youtube-clip-extractor
Download YouTube videos, identify compelling clips from transcripts, cut clips with ffmpeg, and generate platform-optimized on-screen text and captions.…
cds-design-to-code
Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code. Use when the user shares a Figma design URL (e.g.…
video-loop
Prepare a background video loop for a website with optional crossfade, MP4/WebM encoding and poster extraction. Use for loop joins or web delivery of an…
dag-visual-editor-design
Design modern, intuitive DAG/workflow visual editors that feel like LEGO, not LabView
architecture-patterns
Choose and implement iOS architecture patterns (MVVM, TCA, Clean Architecture) based on feature complexity. Use when designing architecture for new features or…
First Principles Thinking
This skill should be used when the user asks to "analyze from first principles", "first principles", "analyze from the ground up", "think from zero", "think from scratch", "question this design",…
generate-video
Use when someone asks to create a video from text, HTML, a YouTube URL, a PDF, or an image. Converts multimodal inputs (HTML files, raw text, YouTube URLs,…
add-captions
Generate TikTok-style animated captions for your Remotion video. Transcribes audio with Whisper, then creates word-by-word animated subtitles with customizable…
add-transitions
Add professional scene transitions to your Remotion video. Choose from fade, slide, wipe, flip, clock-wipe and more — with spring physics or linear timing.