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 · “add-on”
1–16 / 19
More filters · 1
Results: 19
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
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
Anthropic Brand Guidelines
anthropics
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
163.1KGitHub
Archify
tt-a1i
Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export
47.2KGitHub
mono-color
yanliudesign
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user…
DesignClaude Code
1.9KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
24KGitHub
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
Seedance 2.0 Prompt Writing
dexhunter
Write precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.
2.9KGitHub
Animation Vocabulary
emilkowalski
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iO…
16.5KGitHub
P5.Js
processing
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on t…
DesignReview before use
23.7KGitHub
Review Animations
emilkowalski
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
17.6KGitHub
Emil Design Engineering
emilkowalski
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
12.9KGitHub
Core
stenciljs
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to…
DesignReview before use
13.1KGitHub
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.
No external entries match this query.