Loading...
Loading...
Found 142 Skills
Three square card carousel, connected headlines, brand mark + numbering
Official daisyUI skill
When implementing or reviewing web interfaces, refer to this set of practical guidelines from the Traditional Chinese version of raunofreiberg/interfaces' *Web Interface Guidelines* to ensure that details such as interactivity, visuals, and accessibility meet the expectations of a 'good interface'.
Propose multiple visual design variants for on-screen elements and let the human pick in the Argent Lens window. Use when the user asks for design alternatives / options / A-B choices for a screen or component, or any time you have produced more than one candidate look for an element and want a human decision before committing.
Convex's UI design system. Use when building interfaces inspired by Convex's aesthetic - dark mode, Inter font, 4px grid.
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials.
Pencil Design Skill for Team Workflows (Phase 2). Produce design.pen (or declare no UI design) based on requirements and plans, and prepare G2 design review materials.
Use when creating frosted glass effects, transparent overlays, or modern glass UI. Covers blur, layering, colored shadows.
Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmosphere through browser automation and HTML inspection. Produces a semantic design system document optimised for consistent page generation. Triggers: 'extract design system', 'design system', 'create DESIGN.md', 'analyse the design', 'what design does this site use', 'extract styles from', 'reverse engineer the design'.
UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' to run the full shape-then-build flow, or 'teach' for design context setup.