206 skills · sorted by relevance
Create a Swiss-inspired presentation page as a single HTML file, using bold typography and geometric cards. The template includes slide navigation, light and dark themes, accent color cycling, and optional annotation overlays without external runtime dependencies.
Create a three-page editorial motion sequence with dark backgrounds, serif typography, staged text reveals, and chapter transitions. The result is a single HTML file suited to fashion-inspired storytelling and short visual presentations.
Build HTML/CSS pages styled after a named brand using 54 design references. Templates provide colors, typography, spacing, component styles, responsive behavior, and font substitutes to guide a consistent visual result.
Build HTML/CSS pages using visual specifications from 54 established websites, including Stripe, Linear, and Vercel. Templates provide colors, typography, spacing, component styles, and layouts that adapt to different screen sizes.
Design industrial-style web interfaces using rigid grids, dramatic type sizes, compact data displays, and red accents. Choose a light print-inspired layout or a dark terminal aesthetic, with textures that mimic paper or older screens.
Design autonomous coding agents with patterns inspired by Cline and OpenAI Codex. Explore tool calling interfaces, permission and approval systems, browser automation, and workflows where people review or guide the agent's actions.
Create horizontal browser presentations in a magazine-inspired or Swiss Style design. HTML templates provide animated backgrounds, image and data layouts, speaker notes, timing, and a synchronized audience window for talks, product launches, and demonstrations.
Create a magazine-inspired web prototype with a warm monochrome background, generous whitespace, and subtle motion. Combine serif headings, simple sans-serif body text, monospaced metadata, fine borders, and softly styled chips for a restrained layout.
Create a bold web prototype inspired by Swiss industrial print, using a newsprint background, thin grid lines, oversized black headings, and giant numbers. Red accents and ASCII line decorations give the layout a stark, authoritative appearance.
Create original brand campaign visuals from a supplied reference. Adjust how closely concepts share its visual language, develop distinct brands within one family, and check names, composition, and differences from signature reference elements.
An inspired interpretation of Shopifi's design language — a cinematic commerce platform that runs two parallel design tracks. The marketing-hero and product-narrative pages live on near-black canvases with full-bleed photography of merchants, giant Neue Haas Grotesk display type at thin weights, and a single black-pill CTA stroked in white. The transactional pages (pricing, signup, dashboards) flip to a cream-mint canvas with pastel aloe and pistachio greens, the same pill button vocabulary, and Inter for UI body. The two tracks share typographic DNA but diverge sharply in canvas polarity — and that choice is the brand.
The English summary is being prepared. Showing the original description.
🕹️ Autonomous Agent Patterns workflow skill. Use this skill when the user needs Design patterns for building autonomous coding agents, inspired by Cline and OpenAI Codex and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.
The English summary is being prepared. Showing the original description.
Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when the user asks for a cinematic site, movie-style landing page, director-inspired UI, film-noir, sci-fi, romance, thriller, action, animation, or a movie-like website aesthetic, including requests phrased in Chinese. Do not use for generic web design unless the user explicitly wants a film or director reference.
The English summary is being prepared. Showing the original description.
Japanese-inspired canvas and graphic design skill for HTML5 Canvas and SVG, covering traditional aesthetics (ma, wabi-sabi, yugen), calligraphy, washi textures, traditional patterns, and seasonal motifs. Triggers on requests for 和風デザイン, Canvas描画, SVGイラスト, 日本画風, Japanese-inspired graphics.
The English summary is being prepared. Showing the original description.
Develop applications through separate planning, building, and evaluation agents. The workflow tests the running app, scores its design and functionality, and feeds specific issues back into repeated development cycles with configurable quality thresholds and iteration limits.
Turn photos and other images into retro pixel art using palettes such as NES, Game Boy, and PICO-8. Export a PNG, or add effects such as rain, snow, and twinkling stars to create short MP4 or GIF animations.
Creates web prototypes inspired by Swiss industrial print, using newsprint backgrounds, oversized black type, fine grid lines, and red accents. It suits editorial pages, agency portfolios, and manifesto sites with a precise, assertive visual style.
Create an employee training deck about recognizing phishing and responding in the first 60 seconds. The HTML slides use a Windows 95-inspired design, with editable content and an adjustable slide count that preserves the template’s visual style.
Create an HTML slide deck that turns a hobby or collection into a story for friends and fellow enthusiasts. The supplied template uses dark navy backgrounds, neon colors, and pixel art inspired by retro arcades.
Create a vertical reading recap using annual reading statistics, book notes, interests, and a reader profile. This HyperFrames template combines warm paper textures and page-turning motion in an HTML composition intended for MP4 video.
Review and refine an existing web page or HTML artifact before sharing it. Improve visual hierarchy, copy, and restrained animation, while fixing responsive layouts and accessibility issues and preserving the original content and brand.
Create horizontal slide decks with an editorial magazine and e-ink look. Ten layouts and five palettes organize narratives, quotations, images, and data into a paper-inspired presentation delivered as a single HTML file.
Turn Markdown or notes into a magazine-style HTML article. A large title, centered reading column, distinctive headings, styled quotations, and labeled code blocks give long essays and newsletters a consistent visual structure.
Polish an existing web interface with subtle button feedback, state transitions, and page reveals. Preserve the layout and content, keep animation timing consistent, and provide alternatives for people who prefer reduced motion.