No visual example yet
Explore the skillFrontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
OPENAGENTSKILL / DIRECTORY
다음 작업에 맞는 스킬을 찾아보세요. Codex, Claude Code, Cursor 등을 지원합니다.
17 Skills
검색 결과: 17
No visual example yet
Explore the skillanthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
사례 보기 · 1No visual example yet
Explore the skillanthropics
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
No visual example yet
Explore the skillvercel-labs
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
No visual example yet
Explore the skillemilkowalski
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/…
No visual example yet
Explore the skillopenai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
No visual example yet
Explore the skillanthropics
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
No visual example yet
Explore the skilltt-a1i
Any agent Skill: generate beautiful architecture diagrams with dark/light theme toggle and PNG/JPEG/WebP/SVG export
No visual example yet
Explore the skillemilkowalski
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
No visual example yet
Explore the skillnexu-io
Discounted cash flow valuation and intrinsic value analysis for public companies. Use when the brief asks for DCF, fair value, intrinsic value, price target, undervalued…
No visual example yet
Explore the skillcalesthio
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any…
No visual example yet
Explore the skillJimLiu
Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without cla…
No visual example yet
Explore the skillthedotmack
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redes…
No visual example yet
Explore the skillDietrichGebert
Quick-reference card for all ponytail modes, skills, and commands. One-shot display, not a persistent mode. Trigger: /ponytail-help, "ponytail help", "what ponytail comm…
No visual example yet
Explore the skilladdyosmani
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…
No visual example yet
Explore the skilladdyosmani
Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, wh…