Results for “style-guide”
13 skillscode-smells
Classic code quality indicators — function length, naming, duplication, nesting, magic values, dead code, and React-specific smells. Adapted from Clean Code and Airbnb style guide.
0
testing-blocks
Guide for testing code changes in AEM Edge Delivery projects including blocks, scripts, and styles. Use this skill after making code changes and before opening a pull request to validate functionality. Covers unit testing, browser testing with Playwright, and linting.
142 · bundle
More results
html-guide
ガイドサイト(claude-code-guide / loop-engineering-guide 等、convert.py経由・手書きHTML問わず全ガイドrepo)に新しいHTMLページを追加する際のルール(CSS変数・ダーク/ライトモード対応・視認性チェック・CIテスト通過)を自動適用するスキル。ユーザーが「新しいHTMLページを作って」「インタラクティブな章を追加したい」「HTML章を追加して」と言った時、または /html-guide を呼んだ時にトリガー。
0
textbook-guide
語彙帳・教科書・チートシート型のインタラクティブHTMLガイドサイトを新規作成・章追加するスキル。 単一HTMLファイル・アコーディオン展開・ダーク/ライト切替・GitHub Pages公開まで一気に実行。 「章追加して」「/textbook-guide」でトリガー。(※新規作成は `make-guide` が受け持ち、引く系と判定されてから本スキルに振り分けられます)
0
stardust
Guided multi-page redesign of an existing website through a four-phase pipeline — extract, direct, prototype, and migrate. Tracks progress incrementally per page so redesigns are resumable.
142 · bundle
web-design-guidelines
Review UI code for compliance with web interface guidelines, including accessibility and UX best practices.
28.7k
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
3
guide-builder
Markdown → モバイル対応GitHub Pagesガイドサイトを構築・更新。新規立ち上げ(new)と既存サイトへの章追加(add)の2モード。convert.py でMD→HTML変換。 「章追加して」「/guide-builder」で発火。※新規ガイド作成は make-guide が受け持ち(読む系と判定後に本スキルへ振り分け)。
0
web-design-guidelines
Review UI code for compliance with web interface guidelines, accessibility, and UX best practices.
5.5k · bundle
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
3
visual-design-taste
Choose and apply high-quality frontend visual direction for websites, apps, dashboards, redesigns, landing pages, portfolios, and UI polish. Use when prompts mention design taste, anti-slop UI, redesign, premium visual design, minimalist, brutalist, legacy style inheritance, design direction, or the old taste-skill/gpt-tasteskill/soft-skill/brutalist-skill/minimalist-skill/redesign-skill skills.
0 · bundle
uiux-designer
Use this skill when designing UI components, choosing color palettes, implementing responsive layouts, or reviewing code for UX issues. For landing pages, dashboards, e-commerce, SaaS, and mobile apps. Provides 50+ design styles, 97 color palettes, 57 font pairings, and stack-specific guidelines for React, Vue, Next.js, Flutter, SwiftUI, and more.
0
ui-ux-pro-max
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
1 · bundle