まだノートブックがありません。
まだスライドがありません。
この様式でUIを組むための、配色・書体・余白・装飾の指針。Conversational AI-first interface with minimal controls, clear o...
この様式でUIを組むための、配色・書体・余白・装飾の指針。High-contrast, expressive style with creative typography and bol...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Print-inspired visual language for books, magazines, and reports...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Modular grid layout with card-like blocks, clear hierarchy, soft...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Strong visual presence with heavyweight typography, high-contras...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Raw, anti-design aesthetic inspired by concrete architecture wit...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Cozy cafe-inspired interface with warm tones, soft typography, a...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Soft, rounded 3D-like shapes mimicking malleable clay with playf...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Simplicity-focused design with ample whitespace, legible typogra...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Vibrant, high-contrast palettes and gradients for engaging, memo...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Current-era minimalist design with bento grids, dark mode suppor...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Professional, brand-aligned design with structured grids, minima...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Futuristic sci-fi aesthetic with dark themes, vibrant neon accen...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Playful, character-driven design with expressive typography and...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Dot-pattern rendering technique that simulates shades with a lim...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Hand-drawn, sketch-like style with doodles, handwritten fonts, a...
この様式でUIを組むための、配色・書体・余白・装飾の指針。High-contrast, theatrical design with bold layouts, immersive vi...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Magazine-inspired editorial layout with refined serif typography...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Dark-themed cloud-platform aesthetic with modular grids, glass-l...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Vibrant, personality-driven design with bold colors, playful gra...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Game-inspired fantasy aesthetic with bold, premium visuals, rich...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Two-dimensional minimalist style with vibrant colors, clean typo...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Approachable, intuitive design with rounded elements, ample whit...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Forward-looking design with tech-inspired typography, modern lay...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Geometric, structured design with clean typography, neutral colo...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Frosted glass effect with translucent layers, subtle blur, and l...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Smooth color transitions and gradient-rich surfaces for modern,...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Conversion-focused design that removes friction and guides users...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Stripped-back design emphasizing whitespace, clean typography, a...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Contemporary editorial style with serif typography, minimal pale...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Monospace-driven, matrix-inspired design with high-contrast elem...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Modern take on brutalism with bold borders, vivid accent colors,...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Electric neon glow effects with high-contrast color pairings for...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Soft, extruded UI elements with inner and outer shadows on monoc...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Paper-textured, print-inspired design with minimal colors, clean...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Spatial depth design with isometric views, vanishing points, and...
この様式でUIを組むための、配色・書体・余白・装飾の指針。High-end dark aesthetic with bold headings, monochromatic palett...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Apple-inspired premium aesthetic with precise spacing, modern ty...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Polished, business-ready design with modern typography, structur...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Dynamic, vibrant style with thick borders, geometric shapes, hig...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Carefully curated, modern minimal style with elegant serif typog...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Throwback design with vintage-inspired typography, high-contrast...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Real-world mimicry with textured surfaces, 3D effects, and famil...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Modern minimalist aesthetic with clean lines, intentional color...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Generous whitespace, consistent padding, and grid-based layouts...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Graceful, refined aesthetic with delicate typography, minimal pa...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Narrative-driven design using visuals, copy, and interaction to...
この様式でUIを組むための、配色・書体・余白・装飾の指針。Lively, colorful design with bold playful typography, warm accen...
この様式でUIを組むための、配色・書体・余白・装飾の指針。1950s-1990s nostalgia with skeuomorphic touches, grainy textures...
スキルそのものを作る・直す・性能を測るためのスキル。何から書けばいいか分からないときの出発点になる。
外部サービスと連携する MCP サーバーを、ツール設計から作り込むための手引き。
モデルID・料金・パラメータ・ストリーミング・ツール利用・プロンプトキャッシュまでを網羅した Claude API の逆引き。
Playwright でローカルのWebアプリを操作し、画面の動作確認やUIのデバッグを行うための道具立て。
React・Tailwind・shadcn/ui を使って、複数コンポーネントからなる HTML アーティファクトを組み立てる。
新しいUIを作る・既存のUIを作り直すときに、意図のある見た目へ寄せるための指針。配色・書体・余白の考え方。
デザインの原則にもとづいて、PNG や PDF の紙面（ポスター・図版）を組み上げる。
スライド・資料・LP などの成果物に統一したテーマを当てる。既製テーマが10種類用意されている。
p5.js とシード付き乱数でコードから絵を作る。パラメータを動かしながら探索できる。
Slack に最適化したアニメーションGIFを作る。サイズ制限や検証ツール、動きの作り方まで含む。
社内アナウンス・報告・議事録など、会社ごとの型に沿った文書を書くための資料一式。