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 · “sign”
1–16 / 32
More filters · 1
Results: 32
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
html-ppt-taste-brutalist
nexu-io
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax,…
DesignClaude Code
91.7KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
24KGitHub
design-impact-reporting
Owl-Listener
Communicate design's contribution to business and user outcomes in stakeholder language. Use when reporting results upward. For choosing the metrics in the first place,…
DesignClaude Code
2.5KGitHub
design-review-process
Owl-Listener
Establish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For running one individual session, use `design-critiqu…
DesignClaude Code
2.5KGitHub
design-code-architecture
wondelai
Guided journey from an app idea to a deliberate architecture: boundaries, domain model, data decisions, and resilience, making only the expensive-to-reverse decisions an…
DesignClaude Code
2.1KGitHub
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
65.8KGitHub
cut-the-curve
heygen-com
The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniqu…
DesignClaude Code
48KGitHub
lark-apps
larksuite
妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置…
DesignClaude Code
16.7KGitHub
seo-cluster
AgriciDaniel
SERP-based semantic topic clustering for content architecture planning. Groups keywords by actual Google SERP overlap (not text similarity), designs hub-and-spoke conten…
DesignClaude Code
16KGitHub
new-grok-bot
davidondrej
Design a new Grok Bot (SpaceXAI + Cursor AI teammate) with the user through a short clarification loop, then output one paste-ready prompt for the Grok Bot app. Use when…
4KGitHub
create-website
wondelai
Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion. Orchestrates ten skills phase by phase - one-page…
DesignClaude Code
2.1KGitHub
architecture-optimization
wondelai
Guided journey from a working codebase grown slow and tangled to one measurably fast, cleanly bounded, and readable. Orchestrates eight skills phase by phase - working-w…
DesignClaude Code
2.1KGitHub
create-business
wondelai
Guided journey from raw idea to a validated, positioned, priced business with a chosen beachhead. Orchestrates ten skills phase by phase - jobs-to-be-done, mom-test, des…
DesignClaude Code
2.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.
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