AI Agent Skills

Creates accurate frontend implementations from visual references while maintaining design consistency. Use when user provides Figma URLs, screenshots, design images, req…

Workflow skill that turns one issue/requirement into a design in the order "verify real code & data → iterate faithful HTML mockups → design doc (.md) → delegate impleme…

构建一个用完即弃的原型来回答某个设计问题。当用户想核实一个状态模型或逻辑是否感觉对劲，或者探索某个 UI 该长什么样时使用。

This skill should be used when the user asks to "build a frontend", "create a landing page", "add shadcn components", "install shadcn blocks", "set up shadcn", "add a he…

Build and review accessible, responsive, design-system-aligned React components and screens. Use for JSX/TSX, semantic HTML, Tailwind, shadcn/ui, component APIs, forms,…

Design, write, run, and review tests for React, Next.js, or Vite frontends. Use for Vitest/Jest, React Testing Library, MSW, Playwright, E2E, accessibility testing, visu…

Organize a resume as connected scrapbook pages with notes, badges and role stories. Prepare career information, contact details and examples of your work.

Arrange customer quotations in a masonry section with a subtle generated backdrop. Prepare authentic quotations and attribution before adapting the layout.

Explore architecture, data flow and lifecycle relationships in an offline interactive map. Supply a system description or a typed node-and-edge specification.

Connect a developer biography, projects, writing and career milestones in one portfolio. Prepare the links and evidence that best explain the work.

Obsidian Cinema Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Glass Navigation · Serif Display · Cinematic Dark. Compare the public examples with your brief before choosing this skill.

Harbor SaaS Suite is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Porcelain Teal · Pill Interface · Soft Elevated Cards. Compare the public examples with your brief before choosing this skill.

Cobalt Serif Freelancer Site is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Portfolio Site · Editorial Serif · Cobalt Monochrome · Duotone Portrait. Compare the public examples with your brief before choosing this skill.

Orbit Startup Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Landing Page · Beam Motion · Bento Grid · Clean Neutral. Compare the public examples with your brief before choosing this skill.

Quartz SaaS Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Light First · Bento Mockups · Giant Wordmark Footer. Compare the public examples with your brief before choosing this skill.

Sketchnote Pricing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Doodle · Hand Drawn · Handwritten. Compare the public examples with your brief before choosing this skill.