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 / 30
More filters · 2
Results: 30
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
89.9KGitHub
Guizang Ppt Skill
op7418
AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
24.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
stop-slop
hardikpandya
Eliminates predictable AI writing patterns from prose while preserving specific meaning and reader trust.
16.3KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
27.6KGitHub
Frontend Slides
zarazhangrui
Create beautiful slides on the web using a coding agent's frontend skills
PresentationsClaude Code
28.8KGitHub
Book To Skill
virgiliojr94
Turn any technical book PDF into a Claude Code skill — ready to study, reference, and use while you work.
CodingClaude Code
27.8KGitHub
27.7KGitHub
no-ai-slop
petergyang
Audits or minimally edits drafts to remove named AI-writing patterns without flattening the author's voice.
5.8KGitHub
Visual Explainer
nicobailon
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
Agent SkillsClaude Code
9.6KGitHub
Darwin Skill
alchaincyf
达尔文.skill —— 一个让你的Skill无限进化的系统：评估→改进→测试→保留或回滚 | Autoresearch-inspired autonomous skill optimization for Claude Code. Evaluate, improve, test, keep or revert.
CodingClaude Code
5.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
10.8KGitHub
Vox Director
Alisa0808
Turn one topic into a finished Vox-style paper-collage explainer/ad video — automated end to end on Atlas Cloud + ffmpeg. An agent skill.
VideoClaude Code
1.7KGitHub
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.