Frontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
178KGitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
A ranked shortlist, not the registry total. Open the full directory to browse beyond this selection. GitHub stars belong to repositories.
Selected skills
1–16 / 104
More filters · 2
Results: 104
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
89.9KGitHub
Apple Design
emilkowalski
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…
34.5KGitHub
Web Design Guidelines
vercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
31.5KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
27.6KGitHub
Seedance 2.0 Prompt Writing
dexhunter
Write precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.
3.9KGitHub
Story To Handdrawn Video
gnipbao
Agent skill: convert Chinese story copy or ordered images into a hand-drawn diary-comic animation (silent MP4 picture track).
1.8KGitHub
Auteur
agiwhitelist
The Claude Code skill that directs a website like a film. Commit-sheet, generated assets, build, and an executable anti-slop linter that gates every ship.
DesignClaude Code
1KGitHub
Baocut
JimLiu
Open-source Agent Skill that drives the BaoCut macOS app CLI (transcribe · subtitle · translate · cut) from Claude Code, Codex, and other agents
481GitHub
formulate-abstractions
magnitudedev
Formulate clear semantic abstractions from desired behavior before committing to implementation. Use when designing or revising terminology, entities, boundaries, respon…
DesignClaude Code
2.6KGitHub
html-ppt-zhangzara-coral
nexu-io
OpenDesign's community-growth campaign across GitHub, Discord, and X: the loops, the content calendar, and the pipeline math. Built as a decision-grade marketing & GTM d…
DesignClaude Code
93KGitHub
oh-my-issues
thedotmack
Cluster a GitHub issue backlog by root cause into a small set of plan-master issues, redirect children with a standardized comment, and bundle architectural-fix PRs that…
DesignClaude Code
93KGitHub
bfl-api
calesthio
BFL FLUX API integration guide covering endpoints, async polling patterns, rate limiting, error handling, webhooks, and regional endpoints with Python and TypeScript cod…
DesignClaude Code
55.3KGitHub
ad-creative
coreyhaines31
When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid advertising platform. Also u…
46.6KGitHub
vercel-react-best-practices
CherryHQ
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to en…
DesignClaude Code
50.9KGitHub
ad-campaign-analyzer
github
Use this skill when the user shares ad campaign performance data and asks what to cut, scale, or test. Trigger for prompts like "analyze my ad campaigns", "where am I wa…
DesignClaude Code
38.5KGitHub
External platform skills
Browse external directory →Owner-curated external sources. Not filtered by the scores or compatibility controls above; excluded from GitHub rankings and automatic installation.
RedSkill · 流白Livo · 1.0.0
p5.js animations: rain, branches & swallows →
Describe a rain curtain, growing flowering branches or a flock of swallows. This RedSkill package adapts three p5.js templates into sketch.js code with custom colors, density and speed.
Noncommercial use only · Local runtime recording · Use on the source platform
Explore by task
Frontend and UI skills →
Design direction, Figma implementation, UI review, React performance, browser QA, and safe preview deployments.
Coding agent skills →
Code review, repo inspection, testing, planning, shipping, and engineering workflows for coding agents.
Research and RAG skills →
Research, recent-events briefings, PDF parsing, markdown conversion, RAG ingestion, and knowledge workflows.
Finance and trading skills →
Stock analysis, market research, quant backtesting, financial data, and investment research skills.
Web scraping skills →
Crawling, scraping, extraction, browser automation, structured data capture, and website-to-markdown workflows.
PPT and presentation skills →
Presentation generation, editable PPTX, slide decks, speaker notes, and visual storytelling workflows.
Video creation skills →
Video-generation prompts, B-roll, Vox-style explainers, camera direction, captions, and creative-production workflows.
Design and creative skills →
Image, video, creative production, UI design, multimodal generation, and visual workflow skills.