Browse skills

SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Use this whenever someone wants an isometric illustration, an explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, an interactive explainer, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric". Works framework-free (TypeScript/JS that writes SVG and HTML) and in React/Next.js, and can add realistic WebGL shaders (fire, exhaust, water, caustics, lamp light) that live inside the drawing in the same isometric perspective.

Provides Vue guidance and assistance for software development workflows.

Generates initial design concepts & mockups quickly based on your input – accelerating prototyping and exploration phases.

Helps with Next.js, best practices as part of building frontend UIs and user experiences workflows.

Rapidly generates production-ready Next.js applications leveraging Bun for blazing fast development and deployment.

Generates Vue.js development guides tailored to Lizhihua's coding style and project requirements for efficient frontend work.

Angularfire simplifies frontend development by providing a streamlined interface for interacting with Firebase Realtime Database and Cloud Firestore data.

Generates clean, maintainable Angular component structures and services based on provided requirements and best practices.

Navigates Angular applications programmatically using `RouterLink`, `Router.navigate`, and route parameter manipulation.

Generates Angular components using Material Design principles and best practices, streamlining UI development.

Helps with React, optimization as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with React, best practices as part of building frontend UIs and user experiences workflows.

Analyzes UI elements, suggests improvements for usability & accessibility based on established design principles.

Checks if a given string is valid SVG code, ensuring your designs are properly formatted and functional for seamless integration.

Provides expert guidance and code solutions for complex Vue.js component development and troubleshooting.

Helps with Next.js, best practices as part of software development workflows workflows.

Vueuse Functions — provides AI agent assistance for software development workflows.

Provides frontend development guidance and assistance for software development workflows.