Frontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
163.1KGitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
Results · “d”
1–16 / 31
More filters · 1
Results: 31
Web Design Guidelines
vercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
29.3KGitHub
Canvas Design
anthropics
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
163.1KGitHub
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
65.8KGitHub
Anthropic Brand Guidelines
anthropics
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
163.1KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
24KGitHub
Seedance 2.0 Prompt Writing
dexhunter
Write precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.
2.9KGitHub
Seedance 2.0 Skill
Emily2040
Creative video generation workflow skill for Seedance 2.0 filmmaking agents.
8KGitHub
dating-web
nexu-io
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-…
DesignClaude Code
90.6KGitHub
d3-viz
calesthio
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any…
DesignClaude Code
55.5KGitHub
ai-video-gen
calesthio
Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for…
DesignClaude Code
56.1KGitHub
deepchem
K-Dense-AI
Molecular ML with diverse featurizers and pre-built datasets. Use for property prediction (ADMET, toxicity) with traditional ML or GNNs when you want extensive featuriza…
DesignClaude Code
43.5KGitHub
adaptyv
K-Dense-AI
How to use the Adaptyv Bio Foundry API and Python SDK for protein experiment design, submission, and results retrieval. Use this skill whenever the user mentions Adaptyv…
DesignClaude Code
34KGitHub
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
cognee-docker
topoteretes
Use when the user wants to run cognee with Docker or docker compose — trying it out from the prebuilt image, starting the API server in a container, or bringing up the f…
DesignClaude Code
30.2KGitHub
n8n-node-configuration
czlonkowski
Operation-aware node configuration guidance. Use when configuring nodes, understanding property dependencies, determining required fields, choosing between get_node deta…
DesignClaude Code
6.2KGitHub
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