Responsive Engine
openbooklet.com/s/responsive-engineopenbooklet.com/s/[email protected]GET /api/v1/skills/responsive-engineCSS layouts that work across every screen size without breakpoint spaghetti.
A specific, opinionated design language based on real references. This skill encodes a visual DNA â not generic "make it look good" â but exact fonts, exact palettes, exact CSS values.
Design APIs that developers love to integrate with. Based on patterns from Stripe, GitHub, Twilio, and the OpenAPI 3.1 specification.
Production authentication and authorization systems following OWASP Top 10, NIST SP 800-63B, and patterns from Auth0, AWS Cognito, and OWASP Cheat Sheet Series.
Generate brand guidelines, design systems with design tokens (W3C format), creative direction (SCAMPER, Design Thinking, TRIZ), and design briefs with scope and success criteria.
Generate sales outreach sequences, proposals, SOWs, investor pitch decks, and RFP responses. Covers cold email sequences, proposal structure, pricing tiers (Good-Better-Best), scope of work with exclusions, and 10-slide pitch deck.
Gestiona la base de vectores que almacena la memoria persistente del ecosistema.
Scan directories, detect old/unused files, analyze importance with AI, and move junk to Recycle Bin. Presents a categorized report and asks confirmation before acting. Use when user says "clean up", "declutter", "organize files", "remove old stuff", "clear desktop", "free up space", "disk cleanup", "borrar archivos viejos", "ordenar carpetas", "limpiar". Do NOT use for system file cleanup, registry cleaning, or any destructive operation.
Build frontend components that handle every state, are accessible by default, TypeScript strict, and follow framework-specific best practices.
Delegate code review to a subagent running a specific model. Use ONLY when user explicitly names a model to review changes ("review with opus", "use sonnet to review", "review with gemini"). The root agent reconstructs changes from conversation history and spawns a subagent with the code-review skill using the specified model. Do NOT use for general code review (use code-review skill instead), for reviewing PRs from git history, or when no model is specified by the user.
PostgreSQL production operations: backup, restore, monitoring, replication, and maintenance.
Design performant database schemas. Model for access patterns first, normalize later. Based on PostgreSQL internals, Prisma/Drizzle best practices, and production patterns from PlanetScale and Neon.
Brand identity, design systems, creative direction, and project briefs.
Encode Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great. From the creator of Sonner (13M+ weekly npm downloads), Vaul, animations.dev, and Linear's web team. Use when user wants to polish UI, audit animations, review component interactions, add micro-feedback, or elevate motion quality.
Build observability systems that make debugging fast and production incidents predictable. Based on Google SRE, OpenTelemetry semantic conventions, and production patterns from Sentry and Datadog.
Generate PDFs, resumes, CVs, letters, slide decks, portfolios, one-pagers, white papers, and professional documents. Use when user asks to create a PDF, make a resume, write a letter, design slides, format a document, typeset a report, build a portfolio, make a presentation, or create a one-pager. Warm parchment, ink-blue accent, serif-led hierarchy. CN uses TsangerJinKai02, EN uses Charter, JA uses YuMincho (best-effort). Triggers on Chinese: "å PDF / æç / ä¸é¡µçº¸ / ç½ç®ä¹¦ / ä½åé / ç®å / PPT / slides". Do NOT use for code formatting, data charts, or wireframes.
Landing pages designed for conversion. Based on data from Unbounce, GoodUI, Refactoring UI, and CXL Institute.
Animations that guide attention, provide feedback, and create hierarchy. Every animation must answer "what does this communicate?"
Auto-indexed from EliasOulkadi/shokunin
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.