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-quality-analyzer”
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
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…
38.5KGitHub
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
token-integration-analyzer
trailofbits
Token integration and implementation analyzer based on Trail of Bits' token integration checklist. Analyzes token implementations for ERC20/ERC721 conformity, checks for…
6.8KGitHub
Skills
CodeDrobe
Agent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills：参考图 → 可逆皮肤 → 验证、修复、发布。
194GitHub
Web Design Guidelines
vercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
30.9KGitHub
Canvas Design
anthropics
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
175.1KGitHub
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