Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

img-to-frontend

Use when the user wants an end-to-end premium visual design workflow for any type of website or web page created directly from images.

991 repo starsObserved in 1 repos
Design

recruiter

Think like a skeptical technical recruiter when working on the daily.dev Recruiter platform. Use when reviewing UI/UX, features, or code in webapp/pages/recruiter.

990 repo starsObserved in 6 repos
Design

make-interfaces-feel-better

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

987 repo starsObserved in 5 repos
Design

gdsfactory-component-designer

Expert photonic IC designer using gdsfactory. ALWAYS use this skill for ANY task involving silicon photonics, photonic integrated circuits (PICs), GDS layout design, or component visualization. Trigger this skill whenever the user mentions photonic components (waveguides, MMIs, rings, gratings, MZIs), layout design, or asks to "design", "generate", "visualize", "tweak", or "assemble" photonic structures. Do not wait for an explicit mention of "gdsfactory" – if the task involves photonic layout or PICs, this is the required tool.

987 repo starsObserved in 1 repos
Design

pic-business

商务专业风信息图生成。支持风格预设、配色、图标、布局、密度等参数化控制。手动触发。

986 repo starsObserved in 1 repos
Design

pic-cartoon

手绘卡通风信息图生成。用户描述内容后,Gemini 生成手绘涂鸦风格的信息图并保存到本地。手动触发。

986 repo starsObserved in 1 repos
Design

ui-ux-pro-max

专业级 UI/UX 设计规范,需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。日常前端开发由 frontend-dev skill + frontend-design 插件覆盖。

986 repo starsObserved in 1 repos
Design

circuit-ui

Use this skill when working with the Circuit UI design system. It provides generated inventories of design tokens plus exported Circuit UI components and hooks from the source code, so you can answer usage and availability questions with current data.

973 repo starsObserved in 1 repos
Design

sketch.draw

Draw or sketch a quiet observation.

963 repo starsObserved in 1 repos
Design

drawio

Generate draw.io diagrams as .drawio files, optionally export to PNG/SVG/PDF with embedded XML

956 repo starsObserved in 1 repos
Design