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 / 72
More filters · 2
Results: 72
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
analysis-graphing
clshortfuse
RenoDX workflow for creating readable analysis graphs and plots from shader math, CSVs, EXRs, LUTs, hue sweeps, tone curves, gamut comparisons, energy/scalar maps, and t…
DesignClaude Code
3.8KGitHub
holo-card-studio
EverettFish
Turn a description or reference image into an editable Blender holographic card and an interactive Three.js website.
720GitHub
ci-cd-and-automation
addyosmani
Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates, configure test runners in C…
DesignClaude Code
90.4KGitHub
ab-testing
coreyhaines31
When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "spli…
DesignClaude Code
46.6KGitHub
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
cognee-server
topoteretes
Use when the user wants to run the cognee API server (and optional UI) on their own machine — starting it, checking it's healthy, connecting the SDK or other clients to…
DesignClaude Code
30.2KGitHub
biopython
K-Dense-AI
Comprehensive molecular biology toolkit. Use for sequence manipulation, file parsing (FASTA/GenBank/PDB), phylogenetics, and programmatic NCBI/PubMed access (Bio.Entrez)…
DesignClaude Code
38.5KGitHub
competition-forensic-timeline
zhaoxuya520
Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for DFIR chronology, cross-artifact correlation, persistence chains, and incident timeline r…
33.7KGitHub
opencli-adapter-author
jackwener
Use when writing an OpenCLI adapter for a new site or adding a new command to an existing site. Guides end-to-end from first recon through field decoding, adapter coding…
28.8KGitHub
add-managed-cli
simstudioai
Add or upgrade a curated, immutable managed CLI for Sim Function sandboxes, including client-safe catalog metadata, a pinned server-only installation recipe, checksum an…
DesignClaude Code
29.5KGitHub
ab-test-setup
alirezarezvani
When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change,"…
DesignClaude Code
24.8KGitHub
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.