FigmaToCode
bernaferrari
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
DesignSkill source unconfirmed
5KGitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
Results · “code-coverage”
1–16 / 310
More filters · 1
Candidates in this shortlist, not the full registry. GitHub stars belong to repositories, not individual skills.
Results: 310
Frontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
175.1KGitHub
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
Noc Book 2
nature-of-code
The 2024 edition of The Nature of Code with p5.js. Includes Notion workflow and build system.
DesignSkill source unconfirmed
1.8KGitHub
Vox Director
Alisa0808
Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.
1.8KGitHub
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
85.2KGitHub
Skills
CodeDrobe
Agent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills：参考图 → 可逆皮肤 → 验证、修复、发布。
194GitHub
Canvas Design
anthropics
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
175.1KGitHub
Web Design Guidelines
vercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
30.9KGitHub
Anthropic Brand Guidelines
anthropics
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
175.1KGitHub
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
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
26.1KGitHub
Onlook
onlook-dev
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
25.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
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
Shuohao Skills
eternityspring
AI 短剧制作的 skill 集合：拆角色、排大纲、出场景与道具设定、写剧本、切分镜 | Agent skills for AI short-drama production — character bibles, adaptation outlines, art bibles, screenplays, storyboards. Ru…
1.6KGitHub