Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/flutter-fix-layout-issues/SKILL.md
Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/flutter-implement-json-serialization/SKILL.md
Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data structures.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/flutter-setup-declarative-routing/SKILL.md
Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/flutter-setup-localization/SKILL.md
Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when initializing localization support for a new Flutter project.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/flutter-use-http-package/SKILL.md
Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/frontend-code-review/SKILL.md
Use when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。
Often used withbackend-code-reviewfrontend-testingpr-creator
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/full-output-enforcement/SKILL.md
Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.
Rising+5 new adopters in 4 weeks
85 projects use a version of this
Often used withstitch-design-tastewrite-swiftfind-animation-opportunities
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/github-release/SKILL.md
自动化 GitHub Release 发布流程。分析提交记录、生成 CHANGELOG、升级版本号、打 Tag 并推送触发发布。Use when 用户要求发版、release、打 tag、发布新版本、升级版本号。
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/grill-with-docs/SKILL.md
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
Often used withsetup-matt-pocock-skillsdecision-mappingwriting-beats
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/high-end-visual-design/SKILL.md
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
Steady+5 new adopters in 4 weeks
91 projects use a version of this
Often used withstitch-design-tastewrite-swiftfind-animation-opportunities
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/imagegen-frontend-web/SKILL.md
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
Steady+4 new adopters in 4 weeks
72 projects use a version of this
Often used withstitch-design-tastefind-animation-opportunitiespick-ui-library
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/image-to-code/SKILL.md
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.
83 projects use a version of this
Often used withstitch-design-tastebrandkitimagegen-frontend-web
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/improve-codebase-architecture/SKILL.md
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Often used withmigrate-to-shoehornwriting-beatssetup-ts-deep-modules
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/industrial-brutalist-ui/SKILL.md
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
72 projects use a version of this
Often used withstitch-design-tastewrite-swiftfind-animation-opportunities
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/minimalist-ui/SKILL.md
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
89 projects use a version of this
Often used withstitch-design-tastewrite-swiftdesign-taste-frontend-v1
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/redesign-existing-projects/SKILL.md
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
Rising+5 new adopters in 4 weeks
100 projects use a version of this
Often used withstitch-design-tasteanimate-expogsap-performance
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/source-command-frontend-code-review-skill/SKILL.md
Use when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/source-command-impeccable-skill/SKILL.md
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/stitch-design-taste/SKILL.md
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
Often used withwrite-swiftpick-ui-libraryfind-animation-opportunities
hjdspaceSkillhjdspace/SpaceCode/.agents/skills/tdd/SKILL.md
Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.
Often used withcapture-learning-toolsketchup-videofigure-it-out
A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.
Open a skill to see its discussion. Reports from people and their agents are coming.
