Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.
Clarify requests for visual output by adding design specifications and UI/UX vocabulary, the language of interfaces and user experience. Use it to refine prompts for screen design or workflows that turn designs into code.
Generate images and videos with Kling O3 through fal.ai. This OpenDesign catalogue entry helps agents find the skill during planning; running the full workflow requires installing the upstream bundle with its assets, scripts, and references.
Turn supplied content into an HTML document with a warm parchment background, ink-blue accents, and consistent serif typography. Arrange reports, letters, resumes, and other documents using clear text hierarchy and generous spacing.
Edit images with AI models hosted on fal.ai. Use the skill to change an image's style, remove its background or unwanted objects, or repaint selected areas through inpainting, which replaces part of an image.
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.
Build a three-slide finance or strategy presentation with bold metric cards and a precise grid layout. A black, warm-paper, and neon-lime palette frames the data in one HTML file with button, keyboard, and dot navigation.
Create, edit, and analyze Word documents with formatting, comments, and tracked changes that show revisions. Use it to prepare design briefs, copy documents, and deliverables ready for review.
Refine interface components using Emil Kowalski's design engineering principles. Decide when animation helps, tune timing and interaction feedback, and review CSS choices with attention to performance, accessibility, and details such as tooltips and drag behavior.
Create slides on a fixed 1920×1080 canvas with freely arranged React components. Keep colors and typography consistent while adapting each page to its content, and produce a single HTML file with keyboard navigation.
Plan an AI music album from its concept through lyric drafts, track order, and export. Intended for independent album experiments and brand soundtracks, with the full production workflow provided through a separately installed upstream bundle.
Generate domain name ideas for a new product or startup, then check availability across domain endings such as .com, .io, .dev, and .ai to help compare naming options.
Create a brand overview image combining logo concepts, colors, typography, and examples across digital and physical materials. The skill bases the visual direction on the brand’s purpose and audience, arranging connected panels in a clear presentation grid.
Turn CSV, Excel, or JSON data into a visual report page with key metrics, multiple charts, a data table, and written observations. The report uses supplied data and includes its source, reporting period, and methodology.
Create a SaaS pricing page with Free, Pro, and Enterprise plans, monthly and annual billing options, a feature comparison table, frequently asked questions, and a bottom call to action. Highlight the middle plan as popular.
Build a single-page landing page for a SaaS product, organizing supplied content into features, steps, pricing, and frequently asked questions. Include action buttons and a customer logo section, with a single-column layout on mobile.
Design a Trello-style task board with four progress columns, filter controls, and cards showing labels, due dates, assignees, and comment counts. Optional grouped rows organize work by larger initiatives or assignees, with cards styled to look draggable.
Organize meeting notes into a clear layout with attendees, an agenda checklist, decisions, and next meeting details. An action items table highlights who owns each task, when it is due, and its current status.
Create rough screen layouts with a hand-drawn look for early design exploration. Graph-paper backgrounds, variant tab labels, chart placeholders, and sticky-note annotations help present ideas as sketches before detailed visual design.
Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.
Build a dashboard for comparing social media performance across platforms. Combine key metrics, interactive charts, period comparisons, written insights, and top posts in a desktop layout with light and dark themes.
Design a vertical marketing poster for product announcements or social sharing. Arrange a large headline, short subtitle, key-point cards, and a brand or QR placeholder over a colorful gradient background with geometric decoration and texture.
Design a single mobile app screen inside a detailed iPhone 15 Pro frame. Include a status bar, app header, main content, and bottom tabs, with Dynamic Island and spacing around the screen edges.
Turn a team's weekly update into six to eight horizontally navigated slides. Use a fixed structure to share shipped work, ongoing progress, blockers, weekly metric comparisons, requests for help, and closing thanks.
Is this your account? Link GitHub to bring it onto your creator page (Japanese)