Explore skills

15,727 skills found

Category alert

Get new Design e Frontend skills every Monday

build-skill

0

Build a Claude Code skill with sovereignty principles, constraint architecture, and refusal design baked in. Interviews you about what the skill should do, then generates a complete, deployable SKILL.md file.

Design e Frontend#deploy#aiby lowkey-divine

designing-lore

0

Creates mythologies, legendary figures, historical eras, relics, and sacred artifacts for fictional worlds. Use when building creation myths, founding legends, historical timelines, mythic heroes, symbolic systems, or sacred objects, or when user says "origin story", "myth", "legend", "relic", "artifact", "ancient history", or "prophecy". Does NOT write final files — use /writing-worldbuilding for

Design e Frontend#aiby alainator

cc-content-onboarding

0

Use this skill when setting up a new marketing project with Claude Code, populating company-level context files, or initializing the context/ folder. Invoke when the user asks to "onboard a new client", "set up context files", "create company profile", "populate context", "initialize marketing project", or "set up brand context". Also use when context files are missing and the user wants to create

Design e Frontendby MichaelvanLaar

interrogating-design

0

Systematically interrogates a worldbuilding decision, lore proposal, or science derivation through exhaustive questioning until all implications, contradictions, and dependencies are resolved. Use when stress-testing a new concept, validating a proposed rule, or when user says "grill me", "stress test this", "what are the implications", "does this break anything", "think through this with me", "ch

Design e Frontend#ai#testby alainator

example-workflow

0

Example skill demonstrating all skill patterns and best practices. Use when user asks for "skill examples", "skill patterns", or wants to learn about skill development.

Design e Frontend#aiby lakarpusky

workflow-node-setup

0

Configure, adjust, debug, and verify React Flow workflow nodes. Use when working on custom node components, especially for node handles, multi-channel connections, edge ids/styles, NodeResizer behavior, drag handles, nodrag/nowheel areas, and markdown scroll containers.

Design e Frontend#ai#reactby JohnWayneeee

continuous-discovery-habits

0

Product discovery framework based on Teresa Torres'' "Continuous Discovery Habits". Use this skill whenever the user is doing product discovery work — even if they do not explicitly say "OST," "Teresa Torres," or "discovery." Triggers include: (1) building, critiquing, or restructuring an opportunity solution tree, (2) identifying, organizing, or prioritizing customer opportunities, (3) designing

Design e Frontendby tomaszstaniak

browser-audit

0

Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and critical UX issues. Use when asked to audit a page/site before deployment, check WCAG 2.2 AA, WAI-ARIA, Lighthouse, accessibility, SEO, contrast, keyboard navigation, focus states, semantic HTML, forms, alt text, headings, ARIA attributes, best practices, or browser-visible web qual

Design e Frontend#seo#deployby JohnWayneeee

github-repo-launch-page

0

Use this skill when creating, auditing, or redesigning a public GitHub repository so the repository is easy to understand, trust, share, install, and contribute to. Use together with github-repo-product-naming whenever naming, renaming, positioning, repo slug, About description, or product identity matters.

Design e Frontend#github#gitby ArthurZakirov

paper-to-code

0

Convert Paper designs into production-ready websites with animations. Use when the user wants to build a website from a Paper design, convert Paper frames to code, implement a landing page from Paper, or says "build this from Paper", "convert my Paper design", "paper to code". Reads designs via Paper MCP, generates React + Tailwind + Framer Motion code with responsive breakpoints and polished scro

Design e Frontend#mcp#aiby galangster

office-pdf

0

Create polished PDF deliverables, fill PDF forms, inspect fillable PDF fields, or reformat existing text/Markdown/PDF content into a designed PDF. Use when final output is PDF and visual quality, form fields, cover pages, or print-ready layout matter. Do not use for knowledge extraction or casual PDF reading; use docling-skill or lightweight pdf tooling for those.

Design e Frontend#pdf#markdownby realraelrr

react-flow-best-practices

0

Best practices for writing, reviewing, and refactoring React Flow / @xyflow/react v12 canvases. Use when work touches React Flow components, custom nodes, custom edges, handles, node data typing, viewport controls, MiniMap/Background/Panel usage, NodeToolbar, NodeResizer, or workflow-builder review tasks.

Design e Frontend#reactby JohnWayneeee