菜单
Map the approved wireframe to existing components, design tokens, and responsive behavior rules so the landing page feels native to the project. Use when the page structure is approved but the visual implementation — component selection, tokens, breakpoints — hasn't been decided.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, passive voice, negative parallelisms, and filler phrases.
Makes AI-generated content sound genuinely human — not just cleaned up, but alive. Use when content feels robotic, uses too many AI clichés, lacks personality, or reads like it was written by committee. Triggers: 'this sounds like AI', 'make it more human', 'add personality', 'it feels generic', 'sounds robotic', 'fix AI writing', 'inject our voice'.
Write, review, and improve posts for the Lightrains engineering blog in our specific voice. Use this for blog posts, technical articles, case studies, product announcements, deep dives, postmortems, and thought-leadership pieces aimed at engineers, founders, and CXOs.
Orchestrate a family of sub-skills to plan, design, and implement high-converting landing pages and homepage-like entry pages. Use when the user asks to create or redesign a landing page, campaign page, or homepage, even if they don't specify the page type or goal upfront.
Produce a low-fidelity wireframe and copy outline for each landing-page section, including layout, headlines, benefits, form fields, and microcopy. Use when the page structure is set and you need per-section content direction, or when the user asks for "copy," "content," or "wireframes."
Implement the approved landing page in code, reusing the project's stack, components, and design system. Use when the page plan is approved and needs to be built, or the user asks to "build," "code," "implement," or "generate" the page.
| name | lp-visual-theming |
| description | Map the approved wireframe to existing components, design tokens, and responsive behavior rules so the landing page feels native to the project. Use when the page structure is approved but the visual implementation — component selection, tokens, breakpoints — hasn't been decided. |
| metadata | {"author":"github.com/niksmac"} |
| compatibility | Designed for OpenCode |
Use the Project Audit and Wireframe to decide how to implement each section visually.
Provide:
Components
Theme tokens
Responsive behavior
Hierarchy notes
## Component & Theme Plan
### [Section name]
- components:
- …
- theme:
- …
- responsive:
- …
- hierarchy:
- …