AI Agent Skills

Organize articles and photographs into an editorial HTML site with layered, rotated cards. Useful for portfolios, independent magazines and collections of visual stories.

Explore a browser character builder with editable shapes, materials and outfits. Use it as a starting point for a branded avatar tool.

Present activity over time in an editable calendar visualization. Prepare the date range, values and meaningful labels before adapting the chart.

Present a software product or waitlist with restrained sections and a clear narrative. Prepare real features and a focused next action for the visitor.

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

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.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

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/…

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.