- Home
- /
- Categories
- /
- Design
Design
UI/UX direction, visual design, and design systems
@hidden-leaf/docforge-skill
by Hidden-Leaf-Networks
If Python is not found, ensure python3 is on your PATH.
anti-ai-writing
by simmercahalan-hub
【玄仁内容工厂定制版】去除简体中文文本中的 AI 写作痕迹,专服务玄仁黄历/公众号/抖音/小红书内容生产。 基于 qu-ai-wei v0.6.6(95KB,51类模式,9语体门检体系)构建,保留全部原生能力。 玄仁专项追加:F1师兄慈悲结尾/F2脚注干支/F3提示框/F4故事讲道理/F5概念拆解/F6穿衣清单/F7口播三段式/F8评论区钩子。 触发词:去AI味、AI味道、检测AI特征、去AI痕迹、AI写作、帮我去AI味、润色。 cron链路:生成后自动过 anti-ai-writing skill,直接出干净版本不出报告。 人工链路:出完整检测报告,用户确认后再改。 检测并修复以下模式:过度拔高意义(值得一提的是、具有重要意义)、时代背景开场套路 (随着...的不断发展)、华丽意象词堆砌(璀璨、熠熠生辉、赋能)、四字成语机械堆叠、 客服式助手腔(希望对您有帮助)、的的不休、滥用进行+V、性/化 后缀堆叠、翻译腔残留、 自媒体伪深度/伪疗愈腔、毒性正能量缝合、B 站科普 AI 体操、 第二人称泛化代词("用户 / 大家"替代"你") 等共 51 类模式,分 9 个大类(A-I),带 9 种语体识别前置步骤(含品牌广告 / 文案语体 与技术博客分档)。顶层硬约束七条:过度消毒反制 + AI 不敢写正向检测 + 事实发明禁令 + 门检强制输出 + 语体降级保护 + 主动打磨(六条 craft moves 的主动触发) + 整篇 craft 自检(跟「AI 不敢写测试」互补)。终稿强制附「打磨报告」, 让用户看到 skill 具体动了什么。参照 Apple 大中华区 / Nike 大中华区本地化文案作为 品牌广告语体的反向诊断基准。 只支持简体中文。繁體(台 / 港用字)规则单独维护,暂未纳入。
another-frontend-design
by zaaakher
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
project-architect
by larimeeting5666
Documentation-first project planning that produces implementation-ready blueprints and single-shot coding agent prompts. Generates 4 interconnected docs: SPECIFICATION.md, IMPLEMENTATION.md, TASKS.md, BRANDING.md — plus a PROMPT.md prompt for autonomous execution. Includes interactive tech stack selection, design pattern recommendations, and architecture decisions with trade-off analysis. Trigger when user wants to: plan a project, create specs, architect a system, break work into tasks, choose a tech stack, get design pattern advice, generate a coding agent prompt, or do documentation-first development. Phrases: "plan my project", "spec this out", "architect", "help me plan", "what stack should I use", "generate a prompt", "break this into tasks", "project docs", "I want to build X".
hwp-master
by pantagram1031
"HWP/HWPX 통합 편집기 (듀얼 백엔드): 한글(Hancom) 문서를 사람처럼 편집한다. Windows에서는 pyhwpx COM 자동화로 한컴오피스를 직접 구동(양식 완전 보존, 수식·표·그림 네이티브 삽입, PDF 검증 루프), 리눅스/샌드박스에서는 기존 hwpx 스킬의 바이트 보존 XML 편집으로 폴백. LaTeX→한글 수식(HwpEqn) 자동 변환 내장. Claude Code·Codex·Cowork 공용.\n - MANDATORY TRIGGERS: HWP, HWPX, .hwp, .hwpx, 한글, 한글파일, 한컴, Hancom, 수식 삽입, 한글 편집, 한글 자동화, pyhwpx"
SKILL.md — Pelindo RKAP HTML Dashboard Report
by Ercole28
.r Right-align (on th or td)
design-taste
by vijaykpatel
Apply principles of good design taste when creating, reviewing, or critiquing any creative or technical work. Use this skill whenever the user asks you to design something, review a design, create UI/UX, architect a system, write something with aesthetic intent, evaluate the quality of code or creative work, or asks for feedback on whether something is "good." Also trigger when users mention taste, aesthetics, beauty in design, elegance, simplicity, or when they want help making something not just functional but genuinely well-crafted. This skill applies across domains: software, writing, visual design, architecture, presentations, APIs, data models, and more. Even if the user doesn't explicitly mention "design," use this skill when the underlying task is about making something better, more elegant, or more refined.
figma-storybook-workflow
by CoRLab-Tech
"STRICT pixel-perfect Figma to Storybook workflow with ENFORCED extraction and iterative component implementation. MANDATORY: Extract exact design → Implement → Iterate until perfect → Move to next. NO shortcuts, NO assumptions, NO batch processing. Use when implementing Figma designs as Storybook components with 100% accuracy requirement."
maui-ui-best-practices
by Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
randomcodespace-design
by RandomCodeSpace
Use this skill to generate well-branded interfaces and assets for RandomCodeSpace (RCS), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping open-source, self-hostable dev tools.
spec-builder
by ilamanov
Transform vague product or feature ideas into concrete, detailed specification documents through an interactive interview process. Use when the user wants to flesh out an idea, create a spec, write requirements, plan a product/feature/prototype, or go from "I have this idea..." to a concrete document. Works for software products, physical products, services, or any concept that needs specification.
figma-to-flutter-widget
by Envy-7z
Convert Figma specs into Flutter widgets. Use when implementing new UI from Figma and the project has an existing design system.
redux-best-practices
by felipeorlando
Redux and React-Redux best practices, patterns, and anti-patterns based on the official Redux style guide. Use when writing, reviewing, or refactoring Redux code including store setup, slices, reducers, selectors, async logic, state normalization, or React-Redux hooks. Triggers on tasks involving createSlice, configureStore, useSelector, useDispatch, thunks, RTK Query, or state management architecture decisions.
Sebastian Software repository standards — agent instructions
by sebastian-software
missing for the repo's stack, stop and report instead of improvising.
lynvo
by DevBySergio
Local-first Kanban board extension. Use when creating, editing, or managing tasks, columns, labels, checklists, or sync operations in a workspace with .vscode/lynvo/
brand-design
by coopergwrenn
Extract brand assets (fonts, colors, logos) from any website using browser automation. Use when the user mentions brand, brand assets, fonts from a website, colors, logo extraction, brand identity, brand config, or brand guidelines.
manage-autonomous-repo
by Eliagiac
Design, build, refactor, document, test, demo, and maintain repositories intended to be managed primarily or entirely by Codex agents with minimal human supervision. Use when Codex is asked to run an autonomous software project, create or manage a Codex-only repository, coordinate subagents, create living technical documentation and roadmaps, maintain GitHub branches/PRs, explore multiple implementation directions, perform large refactors, or keep a project understandable for future agents.
pds
by jsstechio
Pencil Design System generator. Use when the user asks to create a design system, build a UI kit, set up design tokens, or create components in a Pencil .pen file for any business domain. Creates themed tokens, visual foundations, reusable components, and composition patterns.
design-taste-frontend
by anhtuansss
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
ux-ui-from-scratch-to-mvp
by eugeneawoke
Use when user asks to design, build, create, make, or show anything visual — app, website, landing page, screen, dashboard, portfolio, shop, startup page, SaaS product, mobile app, admin panel, onboarding flow, checkout, pricing page, hero section, or any UI/UX task. Triggers on phrases like "design", "create a design", "make me a", "build a", "I need a website", "I want an app", "show me what it could look like", "help me design", "make it look good", "I have an idea for", "I'm building a", "create an interface", "design system", "wireframe", "prototype", "mockup", "UI", "UX", "user flow", "visual design", "brand", "logo", "color palette", "layout", "homepage", "landing", "product page", "app screen".
frontend-design
by abishan-a
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
ai-slidev
by luogao
"Use this skill when the user wants to create a presentation, slides, deck, or PPT using AI + Slidev. Trigger when the user mentions making slides, creating a presentation, generating a deck, or asks about using AI to make PPTs. Works with any AI agent (Claude Code, Codex, Cursor, etc.) to generate Slidev Markdown presentations from a topic or outline. Covers: topic analysis, content generation, Slidev Markdown syntax, theme selection, speaker notes, code blocks, animations, and export to PDF."
Hardware Builder — OpenClaw Skill
by joshuajerin
```
design-review
by heymynameisrob
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.