LPギャラリー
タイムライン・マップ・絵本・キャラクターなど、さまざまなパターンのLPを実際に体験できるショーケース。
色々なパターンのLPを実際に体験できるよ！デザインも実装もクロードコードでワンストップ。
LP制作ショーケースNext.js
LP Showcase
We can quickly build LPs like these with Claude Code
We quickly build various LP patterns to match any concept. Design and implementation, all in one stop with Claude Code.
キャラクターLP
ユニコーンキャラクターが案内するポートフォリオLP。親しみやすさと技術力を両立。
Next.jsFramer Motionキャラクター
スタンダードLP
ミニマルで洗練されたビジネス向けLP。情報設計を重視した構成。
Next.jsTailwind CSSミニマル
絵本LP
ストーリーテリング型のLP。ページをめくるように物語が展開する没入体験。
ストーリーアニメーションFramer Motion
マップLP
インタラクティブマップ型LP。地図を探索するように情報にアクセス。
インタラクティブマップFramer Motion
What each unicorn covers
A sample of presenting roles with characters (links to real services were removed)
PapcornPublishing automation
Experiments in chaining posts to note, X and blogs — from AI drafts to scheduled publishing.
BlucornWeb automation
Building samples that automate routine web work — scraping and form filling — with Python and Selenium.
GricornWork inventory
Refining hearing and inventory templates for deciding what is worth turning into a system.
GricornAI-driven development
Building and testing business tools and web apps with coding agents like Claude Code.
GricornAI article generation
Built a tool that drafts articles from a keyword. The sample code is in the automation samples collection.
Content Publishing
Sharing updates on note & X
I share our AI-automated content publishing on note and X! Follow us.
最新ブログ
AI・自動化・開発に関する記事を発信
AI活用やデータ分析の知見を記事でまとめてるよ！気になる記事があったらチェックしてね。
Learn More
Process, Story & AI Logs
Dev Process
"I'm great at designing automation flows!"
From requirements to design, implementation, and release — our development workflow.
View ProcessOur Story
"Let me tell you about this lab's journey!"
The story of how this lab was born — from a side project that grew into something more.
Read Story
AI Dev Log
"I track all the AI interactions with data!"
Real development session logs using Claude Code. Turn counts, time spent, and insights shared.
View Logs他の演出パターンも覗いてみませんか
ギャラリーに戻るAbout the Lab
About SHOW SmartWork Lab
SHOW SmartWork Lab is a solo dev lab focused on AI, automation, and web development. We work on automation tools, AI-powered content publishing systems, and web product design and implementation.
We value not just 'being able to build' but 'building fast and with quality'. This Character LP was built using Claude Code.
Team Members
Blucorn
Web Automation
Papcorn
AI Posting
Gricorn
Data & Analysis
Orecorn
Web / LP Dev
Tech Stack
Next.js 15React 19TypeScriptTailwind CSS v4Framer MotionVercelPythonSeleniumClaude Code
This is a demo
A character-guided LP built as a presentation experiment. Explore the other patterns in the gallery.
