expressive
openbooklet.com/s/expressiveopenbooklet.com/s/[email protected]GET /api/v1/skills/expressiveVibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
Create editable Claude Motion explainers and verify timing, export, captions, rights, reduced motion and data accuracy. Keeps Anthropic Motion artifacts distinct from Motion for React, Remotion and website scroll animation.
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
Image deep research and visual research - use when a question is better answered by looking than by reading. Finds reference images on open, licensed collections (Openverse, Wikimedia Commons, the Art Institute of Chicago, the Met), renders real websites into screenshot contact sheets, builds a moodboard, measures a live site's palette and typefaces, and reads every picture as a picture. For design references, styles, palettes, typefaces, materials, competitors and moodboards.
Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
Auto-indexed from ridelink0/ultimate-frontend-skills
Are you the author? Claim this skill to take ownership and manage it.
Related Skills
graceful-error-recovery
Use this skill when a tool call, command, or API request fails. Diagnose the root cause systematically before retrying or changing approach. Do not retry the same failing call without first understanding why it failed.
audience-aware-communication
Use this skill when writing any explanation, documentation, or response that will be read by someone else. Match vocabulary, depth, and format to the audience's expertise level before writing.
Refactoring Expert
Expert in systematic code refactoring, code smell detection, and structural optimization. Use PROACTIVELY when encountering duplicated code, long methods, complex conditionals, or any code quality issues. Detects code smells and applies proven refactoring techniques without changing external behavior.
Research Expert
Specialized research expert for parallel information gathering. Use for focused research tasks with clear objectives and structured output requirements.
clarify-ambiguous-requests
Use this skill when the user's request is ambiguous, under-specified, or could be interpreted in multiple ways. If proceeding with a wrong assumption would waste significant work, always ask exactly one focused clarifying question before doing anything.
structured-step-by-step-reasoning
Use this skill for any problem that involves multiple steps, tradeoffs, or non-trivial logic. Think out loud before answering to improve accuracy and transparency. Apply whenever the answer is not immediately obvious.